test(rsc): test react compiler

packages/plugin-rsc/e2e/basic.test.ts

@@ -43,6 +43,39 @@
   defineTest(f)
 })
 
+test.describe('dev-react-compiler', () => {
+  const f = useFixture({
+    root: 'examples/basic',
+    mode: 'dev',
+    cliOptions: {
+      env: {
+        TEST_REACT_COMPILER: 'true',
+      },
+    },
+  })
+  defineTest(f)
+
+  test('verify react compiler', async ({ page }) => {
+    await page.goto(f.url())
+    await waitForHydration(page)
+    const res = await page.request.get(f.url('src/routes/client.tsx'))
+    expect(await res.text()).toContain('react.memo_cache_sentinel')
+  })
+})
+
+test.describe('build-react-compiler', () => {
+  const f = useFixture({
+    root: 'examples/basic',
+    mode: 'build',
+    cliOptions: {
+      env: {
+        TEST_REACT_COMPILER: 'true',
+      },
+    },
+  })
+  defineTest(f)
+})
+
 test.describe(() => {
   // disabled by default
   if (!process.env.TEST_ISOLATED) return
@@ -577,7 +610,7 @@
   })
 
   async function testTailwind(page: Page) {
     await expect(page.locator('.test-tw-client')).toHaveCSS(
       'color',
       // blue-500
       'rgb(0, 0, 255)',
@@ -628,7 +661,7 @@
       const res = await page.request.get(f.url('/__test_restart'))
       expect(await res.text()).toBe('ok')
       await new Promise((r) => setTimeout(r, 100))
       await page.goto(f.url('./'))
       await testCss(page)
       await testTailwind(page)
     })

packages/plugin-rsc/examples/basic/package.json

@@ -25,6 +25,7 @@
     "@vitejs/test-dep-client-in-server2": "file:./test-dep/client-in-server2",
     "@vitejs/test-dep-server-in-client": "file:./test-dep/server-in-client",
     "@vitejs/test-dep-server-in-server": "file:./test-dep/server-in-server",
+    "babel-plugin-react-compiler": "19.1.0-rc.2",
     "tailwindcss": "^4.1.4",
     "vite": "^7.0.2",
     "vite-plugin-inspect": "^11.2.0"

packages/plugin-rsc/examples/basic/vite.config.ts

@@ -22,7 +22,14 @@ export default defineConfig({
   clearScreen: false,
   plugins: [
     tailwindcss(),
-    react(),
+    process.env.TEST_REACT_COMPILER
+      ? (react({
+          babel: { plugins: ['babel-plugin-react-compiler'] },
+        }).map((p) => ({
+          ...p,
+          applyToEnvironment: (e: any) => e.name === 'client',
+        })) as any)
+      : react(),
     vitePluginUseCache(),
     rsc({
       entries: {