fix(react): always skip react-compiler on non client envrionment (#689)

Author: hi-ogawa

packages/plugin-react/src/index.ts

@@ -245,6 +245,14 @@ export default function viteReact(opts: Options = {}): Plugin[] {
         })()
         const plugins = [...babelOptions.plugins]
 
+        // remove react-compiler plugin on non client environment
+        if (ssr) {
+          const reactCompilerPlugin = getReactCompilerPlugin(plugins)
+          if (reactCompilerPlugin) {
+            plugins.splice(plugins.indexOf(reactCompilerPlugin), 1)
+          }
+        }
+
         const isJSX = filepath.endsWith('x')
         const useFastRefresh =
           !skipFastRefresh &&

packages/plugin-rsc/e2e/react-compiler.test.ts

@@ -22,12 +22,7 @@ test.describe(() => {
 
           const overrideConfig = defineConfig({
             plugins: [
-              react({
-                babel: { plugins: ['babel-plugin-react-compiler'] },
-              }).map((p) => ({
-                ...p,
-                applyToEnvironment: (e) => e.name === 'client',
-              })),
+              react({ babel: { plugins: ['babel-plugin-react-compiler'] } }),
               rsc(),
             ],
           })