Tailwind: FoUC with unstable_createViteServer and unstable_loadViteServerBuild

[manzaloros]

What version of Remix are you using?

2.2.0

Are all your remix dependencies & dev-dependencies using the same version?

• Yes

Steps to Reproduce

1. Run npx create-remix@latest --template remix-run/templates/express.

2. Install Tailwind as per the instructions here.

3. Use Tailwind to style a div on the existing page. It works correctly, with no flash of unstyled content.

4. Now, use a custom server as per the instructions on the same page..

5. Observe that the page will now have a flash of unstyled content.

Expected Behavior

I expect there to be no flash of unstyled content using a custom server with unstable_createViteServer and unstable_loadViteServerBuild just like using Vite out of the box.

Actual Behavior

There is a flash of unstyled content when using a custom server (unstable_createViteServer and unstable_loadViteServerBuild) and the instructions from here.

[kiliman]

You're probably getting React hydration errors. I recommend updating to the latest React 18.3 canary versions.

You can see an example repo here:

https://github.com/kiliman/remix-vite-2.2.0

[pcattori]

Duplicate of #7878