Meta Tags Not Rendering in "View Page Source" When Using react-helmet-async with Vite and React 18

[hussainsah]

Issue: Meta Tags Not Appearing in "View Page Source" When Using react-helmet-async

I have built a site using React 18 with Vite. The site includes user input forms, data fetching with React Query, and uses react-helmet-async for managing meta tags. However, when I check the "View Page Source," the meta tags are not present.

I've reviewed various comments and discussions on this issue but haven't found a definitive solution. Given this, I am considering different rendering strategies:

• SPA (Single Page Application)
• SSR (Server-Side Rendering)
• Pre-rendering (SSG - Static Site Generation)
• HTML-only (if applicable in React 18, though I suspect it may not be)

Which approach would be best for ensuring that meta tags are correctly rendered in the page source? Any insights or recommendations would be greatly appreciated.

Thank you!

[dufrein]

I have the same problem (react 18 + vite)

[neoncube2]

The tags are added automatically, so they won't show up in "View Page Source".

You need to use the developer console to see them :)