Fix Obfuscated React Build
Budget: $30 – $250 AUD
My PWA was generated in an AI-Studio sandbox and then exported, but every component ended up bundled into one giant, minified file. Inside that file the usual React hooks were renamed to single-letter variables—so when I run Vite the browser immediately throws errors such as “useState is not defined” or “u is not defined”. The UI never mounts; I only see a black screen.
The /src tree itself is still neatly arranged, so the task is purely code-level:
• Trace through the exported bundle, restore proper React imports (useState, useEffect, useRef, etc.) and re-establish correct scope where the minified placeholders are currently used.
• Keep every existing screen, component and feature intact—this is a clean-up, not a redesign.
• After the fixes, `npm run build` must complete without warnings, and `npx vite preview` should load the PWA with no runtime errors or blank screen.
I am working with React, a well-organized folder structure, and the error presents immediately on load. Please deliver the repaired source so I can drop it back into the repo, run the two commands above, and see a working production build.
The /src tree itself is still neatly arranged, so the task is purely code-level:
• Trace through the exported bundle, restore proper React imports (useState, useEffect, useRef, etc.) and re-establish correct scope where the minified placeholders are currently used.
• Keep every existing screen, component and feature intact—this is a clean-up, not a redesign.
• After the fixes, `npm run build` must complete without warnings, and `npx vite preview` should load the PWA with no runtime errors or blank screen.
I am working with React, a well-organized folder structure, and the error presents immediately on load. Please deliver the repaired source so I can drop it back into the repo, run the two commands above, and see a working production build.
Related categories:
JavaScript
CSS
Debugging
Software Development
Web Development
Frontend Development
Webpack
Vite