`@vitejs/plugin-rsc` and 3rd party library compatibility

(Moved from the discussion https://github.com/vitejs/vite-plugin-react/discussions/743)

This issue is to track compatibility with the packages in the ecosystem. Some are integrated as test cases in this repo. Some examples are managed in external projects. If anyone finds an issue with integrating specific packages with @vitejs/plugin-rsc, please feel free to report it to here.

See also

• https://github.com/wakujs/waku/issues/423
• https://github.com/reactwg/server-components/discussions/6

Vite

• @mdx-js/rollup
• vite-plugin-inspect
• @cloudflare/vite-plugin
• vite-imagetools https://github.com/JonasKruckenberg/imagetools/tree/main/packages/vite
  • probably works but untested
• vite-plugin-pwa https://github.com/vite-pwa/vite-plugin-pwa
  • probably doesn't work and untested
• fontless https://github.com/unjs/fontaine/tree/main/packages/fontless

React

• @ai-sdk/rsc (previously ai/rsc) https://github.com/wakujs/waku/blob/606a1e197af5b345a892e9bdbce24d361f9e8b1f/e2e/fixtures/ssr-basic/src/ai/index.ts#L1
  • optimizeDeps.exclude is required https://github.com/vitejs/vite-plugin-react/issues/736
• next-mdx-remote https://github.com/wakujs/waku/blob/606a1e197af5b345a892e9bdbce24d361f9e8b1f/packages/website/src/components/post-page.tsx#L2
• react router https://github.com/remix-run/react-router-templates/tree/main
• navigation https://github.com/grahammendick/navigation/tree/master/NavigationReact/sample/rsc-vite
• @vercel/og

Css

• tailwind https://github.com/vitejs/vite-plugin-react/tree/fd96308a6cde57a132b3d9e434e711aac15c6486/packages/plugin-rsc/examples/basic
• stylex https://github.com/pawelblaszczyk5/vite-rsc-experiments/tree/643649f2e6562c859d9612126bfc3a183e03c7b5/apps/stylex
• vanilla-extract https://github.com/pawelblaszczyk5/vite-rsc-experiments/tree/643649f2e6562c859d9612126bfc3a183e03c7b5/apps/vanilla-extract
• unocss https://github.com/hi-ogawa/reproductions/pull/51

Others

• prisma https://github.com/hi-ogawa/reproductions/tree/main/vite-rsc-prisma

Start with the compatibility checklist in this issue and the existing examples in the repository, then inspect the linked projects for the unchecked packages. Reproduce integrations for one package and identify whether it works with @vitejs/plugin-rsc. Done means the package's compatibility status is verified and the checklist or relevant test coverage is updated.