fix(react-server): fix client css FOUC

[hi-ogawa]

It looks like I haven't test this case and it turns out I get FOUC (both dev and build), which needs to be fixed before thinking about preload.

For build, <link rel="stylesheet" ... /> is injected during preload. We need to take control of that probably https://github.com/vitejs/vite/blob/147e9228bb1c75db153873761eb7a120a2bd09a4/packages/vite/src/node/plugins/importAnalysisBuild.ts#L119-L129

todo

• demo
• manager css link on our own
  • head rendering behavior doesn't allow detaching stylesheet https://react.dev/reference/react-dom/components/link#special-rendering-behavior
    probably this is fine for now and we can follow up later.
• test
  • no FOUC (dev, build)
  • hmr (dev)
    • css module hmr not working... will follow up later.

[hi-ogawa]

• fix(react-server): fix client css FOUC #342 👈
• feat(react-server): preload css #341
• feat(react-server): preload client assets on navigation #340
• feat(react-server): preload client assets during ssr #337
• feat(react-server): generate mapping of server route to client assets #331
• refactor(react-server): simplify route tree utils #338
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @hi-ogawa and the rest of your teammates on Graphite

[hi-ogawa]

Merge activity

• Jun 4, 2:06 AM EDT: @hi-ogawa started a stack merge that includes this pull request via Graphite.
• Jun 4, 2:07 AM EDT: Graphite rebased this pull request as part of a merge.
• Jun 4, 2:08 AM EDT: @hi-ogawa merged this pull request with Graphite.