I have a “problem” with ssr rendering using reactive properties, the code in my component is:

onBeforeMount(async () => {
  isLoading.value = true;
  bus.emit('open_dialog_loading');

  try {
    id.value = route.params.id;
    await getInvestor();

    useMeta({
      title: investor.value.investorName,
      meta: {
        keywords: { name: 'keywords', content: investor.value.investorName },
        ogType: {
          property: 'og:type',
          content: 'website'
        },
        ogTitle: {
          property: 'og:title',
          content: investor.value.investorName,
        },
        ogImage: {
          property: 'og:image',
          content: sharksMeta
        },
        ogUrl: {
          property: 'og:url',
          content: 'https://blablabla/sss/aaa/' + investor.value.id
        }
      }
    });

  } catch (e) {
    showErrorNotification('Error', 'error_get_investor_info' )
  } finally {
    isLoading.value = false;
    bus.emit('close_dialog_loading');
  }
})

In the preview of the meta tags, neither the title nor the image appears. However, if I inspect the elements of the page, the meta tags are present as expected.

My frontend is deployed on an ECS container, and I am building it using quasar build -m ssr.

Does anyone have any suggestions on how to ensure the meta tags are properly rendered and visible in the preview? Any help would be greatly appreciated.