For client side rendered app adding meta description

Question

I have a client side rendered react app. I am currently updating the meta description and meta property og:description .

While sharing the url of pages, of which meta tags are updated post page load, the description is not picked up by whatsapp or facebook.

Is there a way I can work around this without moving towards server side rendering.

Answer 1

Found the solution to this here:

https://blog.logrocket.com/adding-dynamic-meta-tags-react-app-without-ssr/

Answer 2

This is when SSR comes into picture and a great blog to give you insight on why it makes sense to migrate/create new projects with React SSR .

https://snipcart.com/blog/react-nextjs-single-page-application-seo

Long story short: On client side react apps you cannot optimise your application for SEO performance including what you're trying to achieve.