Obtengo datos del servidor y quiero mostrar un metatítulo y una descripción dinámicos, pero cuando configuro datos dinámicos en el elemento de inspección, se muestran los valores dinámicos pero no se actualizan en la fuente de la página y también cuando se comparten en las redes sociales como WhatsApp, Facebook, etc. título y descripción.

 const MetaTag = (props) => { const { pageTitle, metaTitle, metaDescription } = props; return ( <Helmet> <title>{pageTitle}</title> {/* <!-- Primary Meta Tags --> */} <meta name="title" content={metaTitle} /> <meta name="description" content={metaDescription} /> {/* <!-- Open Graph / Facebook --> */} <meta property="og:type" content="website" /> <meta property="og:url" content="https://google.com/" /> <meta property="og:title" content={metaTitle} /> <meta property="og:description" content={metaDescription} /> <meta property="og:image" content="%PUBLIC_URL%/apple-icon-57x57.png" /> {/* <!-- Twitter --> */} <meta property="twitter:card" content="summary_large_image" /> <meta property="twitter:url" content="https://google.com/" /> <meta property="twitter:title" content={metaTitle} /> <meta property="twitter:description" content={metaDescription} /> <meta property="twitter:image" content="%PUBLIC_URL%/apple-icon-57x57.png" /> </Helmet>

); };

Muestra el metatítulo y la descripción dinámicos en el elemento de inspección, pero cuando hago ctrl + u en la fuente de la página, no muestra el metatítulo y la descripción dinámicos. También cuando comparto mi sitio desde el móvil a Facebook, WhatsApp no puede mostrar el metatítulo y la descripción correctos.