# Content only renders with JavaScript in React > How to fix content only renders with javascript in React — with the exact fix and copy-paste code. _Category: AI readiness · Detector `aeo` · Check `content-requires-js` · Severity: warning_ When the HTML your server sends is an empty shell and all the content is painted by JavaScript in the browser, any crawler or agent that doesn’t execute JS — many AI answer engines, some social scrapers, low-power bots — sees a blank page. Client-only SPAs (a very common AI default with plain Vite/CRA) are invisible to exactly the audiences AEO is about. ## The fix for React A plain Vite/CRA app is client-only. Move to a framework with SSR/SSG (Next.js, Remix/React Router) or add a prerender step (e.g. `vite-plugin-ssg`) so pages ship real HTML. ```bash # add build-time prerendering to a Vite React app npm i -D vite-react-ssg ``` ### Steps 1. Adopt a framework mode that emits HTML (SSR or static generation) 2. Ensure the primary content is in the server response, not fetched after load 3. Verify with “view source” (or `curl`) that the text is present without JS ## How VibeCheck detects it The `aeo` detector flags this live in the browser and reports it to the widget's Problems list — and to your coding agent over MCP. - **Issue string:** `Content only renders with JavaScript` - **Threshold:** The raw server HTML contains fewer than 200 characters of body text ## FAQ ### Doesn’t Google run JavaScript now? `Googlebot` does render JS, but on a delay and with a budget, and many other crawlers and AI answer engines do not render at all. Server-rendered HTML is read immediately and universally — you shouldn’t rely on client rendering for content you want indexed and cited. ### Is a `noscript` fallback enough? A meaningful `