react compiler not working as expected

[StephaneMoyart]

Related plugins

• plugin-react

• plugin-react-swc

• plugin-react-oxc

• plugin-rsc

Describe the bug

Hello, hope this report can help :

i am currently in a no SSR config with the rsc plugin and when installing the react compiler like this :

`// vite.config.js
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';

export default defineConfig({
plugins: [
react({
babel: {
plugins: ['babel-plugin-react-compiler'],
},
}),
],
});`

i have the following error :
TypeError: Cannot read properties of undefined (reading 'H')
at process.env.NODE_ENV.exports.c (C:\Users\33620\OneDrive\Bureau\nrv\node_modules\react\cjs\react-compiler-runtime.development.js:17:45)
at t7 (C:\Users\33620\OneDrive\Bureau\nrv\src\root.tsx:7:8)
at Object.react_stack_bottom_frame (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:5071:20)
at AsyncLocalStorage.run (node:internal/async_local_storage/async_context_frame:63:14)
at renderFunctionComponent (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3037:76)
at renderElement (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3227:18)
at renderModelDestructive (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3480:25)
at retryTask (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:4003:33)
at outlineTask (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3162:9)
at renderFunctionComponent (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3011:38)
at renderElement (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3227:18)
at renderModelDestructive (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3480:25)
at renderModel (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3428:18)
at Array.toJSON (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3288:20)
at stringify ()
at emitChunk (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3988:1147)
at retryTask (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:4020:18)
at outlineTask (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3162:9)
at renderFunctionComponent (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3011:38)
at renderElement (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3227:18)
at renderModelDestructive (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3480:25)
at renderModel (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3428:18)
at Object.toJSON (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3288:20)
at stringify ()
at emitChunk (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3988:1147)
at retryTask (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:4020:18)
at performWork (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:4066:13)
at AsyncLocalStorage.run (node:internal/async_local_storage/async_context_frame:63:14)
at eval (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:4123:26)
at node:internal/process/task_queues:151:7
at AsyncResource.runInAsyncScope (node:async_hooks:214:14)
at AsyncResource.runMicrotask (node:internal/process/task_queues:148:8)
TypeError: Cannot read properties of undefined (reading 'H')
at process.env.NODE_ENV.exports.c (C:\Users\33620\OneDrive\Bureau\nrv\node_modules\react\cjs\react-compiler-runtime.development.js:17:45)
at t7 (C:\Users\33620\OneDrive\Bureau\nrv\src\root.tsx:7:8)
at Object.react_stack_bottom_frame (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:5071:20)
at AsyncLocalStorage.run (node:internal/async_local_storage/async_context_frame:63:14)
at renderFunctionComponent (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3037:76)
at renderElement (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3227:18)
at renderModelDestructive (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3480:25)
at retryTask (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:4003:33)
at outlineTask (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3162:9)
at renderFunctionComponent (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3011:38)
at renderElement (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3227:18)
at renderModelDestructive (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3480:25)
at renderModel (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3428:18)
at Array.toJSON (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3288:20)
at stringify ()
at emitChunk (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3988:1147)
at retryTask (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:4020:18)
at outlineTask (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3162:9)
at renderFunctionComponent (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3011:38)
at renderElement (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3227:18)
at renderModelDestructive (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3480:25)
at renderModel (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3428:18)
at Object.toJSON (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3288:20)
at stringify ()
at emitChunk (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:3988:1147)
at retryTask (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:4020:18)
at performWork (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:4066:13)
at AsyncLocalStorage.run (node:internal/async_local_storage/async_context_frame:63:14)
at eval (C:\Users\33620\OneDrive\Bureau\nrv\node_modules.vite\deps_rsc@vitejs_plugin-rsc_vendor_react-server-dom_server__edge.js:4123:26)
at node:internal/process/task_queues:151:7
at AsyncResource.runInAsyncScope (node:async_hooks:214:14)
at AsyncResource.runMicrotask (node:internal/process/task_queues:148:8)
at process.processTicksAndRejections (node:internal/process/task_queues:105:5)

it WORKS when installing the babel plugin directly :

// vite.config.js
import babel from 'vite-plugin-babel';
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';

export default defineConfig({
plugins: [
react(),
babel({
babelConfig: {
plugins: ['babel-plugin-react-compiler'],
},
}),
],
});

for more information, i have other projects using the compiler like the first way and it is working as expected

if you need me to try things dont hesitate

Reproduction

no url

Steps to reproduce

No response

System Info

*

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[hi-ogawa]

You likely hit this #627, so you need to do

               react({ 
                 babel: { plugins: ['babel-plugin-react-compiler'] }, 
               }).map((p) => ({ 
                 ...p, 
                 applyToEnvironment: (e) => e.name === 'client', 
               })), 

but this won't be necessary from next release #689.

[StephaneMoyart]

okay it is memoized as expected with your solution

but this won't be necessary from next release #689.

it is well noted !

thanks