
Your React App's SEO Is Broken and react-helmet Can't Fix It Anymore
I spent 3 hours debugging why Google couldn't see my React app's meta tags. The fix was 4 lines of code. But the real lesson wasn't the fix, it was understanding why the library I'd trusted for years quietly stopped working with modern React. If you're still using react-helmet in a React 18 or 19 project, this is worth 10 minutes of your time. The Problem Nobody Warned Me About Here's what happened. I had a Vite + React 18 project. I installed react-helmet like I always do, wrote my tags, and deployed. Everything looked fine locally. Then I ran npx lighthouse against the live URL. Missing meta description. Missing Open Graph image. Google Search Console confirmed it, Googlebot was crawling blank tags. The culprit? React-helmet was built before React 18's concurrent rendering model existed. Its internal DOM manipulation layer races against React's reconciler in SSR and concurrent mode, causing hydration mismatches. The tags render on the client after the crawler has already read the pag
Continue reading on Dev.to
Opens in a new tab



