Vite:build is not working but vite:dev is

[pappuchai]

The below route structure using remix-flat-routes is working fine with vite:dev but the page goes blank with vite:build. I can see the page render for a fraction of a second and the page goes blank.

My Vite.config.ts is this

Home page goes blank after a fraction of second with minified react error (not useful) and on http:/localhost:3000/blogs in the URL directly, I see the following 404 error

Remix-dev-tools on dev mode doesn't show any hydration errors or other errors.

Another project with a similar structure but without vite works pefectly with dev and build.

Can someone help where this is going wrong ?

[pappuchai]

Update: Looks like hydration issue. But happens only on vite:build and not on vite:dev. Trying to go through to find the cause. Suggestions welcome.

Update #2: Removed remix-flat-routes and did with native remix route conventions. vite:build is still not working, console shows "hydration" error

[ronalterya]

Problem with rollup 4.16. pin to rollup 4.15.

[pappuchai]

Updated React to 18.3 canary version to prevent hydration issues. As per this repo