Rendering Reactive useMeta in Social Cards

[prodbyola]

Hi,

I'm trying to use the plugin useMeta to add a reactive value to my page's meta tags. While this works pretty well within the browser (I can see my changes in browser tab), the reactive meta tags are not reflected in Social Cards as tested on https://www.heymeta.com/ and as Whatsapp link. Only the initial values are shown. I tried to update my meta from server side but I still get the same result. Is there a way to solve this? Thanks.

Here's my code:

const meta = reactive({
  title: 'My Title',
  desc: 'My Description.',
  logo: 'my/logo.png'
})

useMeta(() => {
  return {
    title: meta.title,
    meta: {
      description: { name: 'description', content: meta.desc},
    },
    link: {
      material: { rel: 'icon', href: meta.logo }
    }
  }
})

// onBeforeMount does not work either
onServerPrefetch(async() => {
  const data= await apiService.makeGetRequest(apiLink).then(d => d)
  meta.title = data.title
  meta.desc = data.desc
  meta.logo = data.logo
})