@vitejs/plugin-react 5.0.3 breaks wyw-in-js

[dominictobias-bullish]

Environment

• wyw-in-js version: "@wyw-in-js/vite": "^0.7.0"
• custom processor:
• Bundler (+ version): Vite 7.1.6
• Node.js version: v24.5.0
• OS: MacOS

Description

"@vitejs/plugin-react": "5.0.2" works
"@vitejs/plugin-react": "5.0.3" causes a bunch of errors:

[vite] (client) Pre-transform error: ENOENT: no such file or directory, open '/@react-refresh'
  Plugin: wyw-in-js
  File: <redacted>/src/composites/MyBalance/MyBalance.tsx
11:36:51 am [vite] (client) Pre-transform error: ENOENT: no such file or directory, open '/@react-refresh'
  Plugin: wyw-in-js
  File: <redacted>/src/composites/SimpleTradeTables/SimpleTradeTables.tsx
11:36:51 am [vite] (client) Pre-transform error: ENOENT: no such file or directory, open '/@react-refresh'
  Plugin: wyw-in-js
  File: <redacted>/src/icons/ChevronDownIcon.tsx
11:36:51 am [vite] (client) Pre-transform error: ENOENT: no such file or directory, open '/@react-refresh'
  Plugin: wyw-in-js
  File: <redacted>/src/composites/QuickTrade/QuickTrade.tsx
11:36:51 am [vite] (client) Pre-transform error: ENOENT: no such file or directory, open '/@react-refresh'
  Plugin: wyw-in-js
  File: <redacted>/src/icons/currency/assets.tsx

[RomanBaranovski]

Same here, with the most barebones create-vite React project

[ArnaudBarre]

I look into it and I don't fully understand why this is happening. The plugin runs after the refresh plugin, so the code contains var _s = $RefreshSig$(); when the code contains React component. The code is then evaluated, which I don't fully get the need. If this is to get dependencies/imports, for info Vite is using https://github.com/guybedford/es-module-lexer. And probably you could read this info on the module graph.

Anyway, what's weird is that before vitejs/vite-plugin-react#835, $RefreshSig$ would probably be undefined (assuming import.meta.hot is falsy) which should have already caused an issue when evlaudated.

Since this PR release in 5.0.3, $RefreshSig$ is defined as

function $RefreshSig$() {
  return RefreshRuntime.createSignatureFunctionForTransform();
}

And RefreshRuntime is import * as RefreshRuntime from "/@react-refresh";, so apparently the script.runInContext returns empty object for unresolved import.

[sevignator]

I can confirm that this issue is still ongoing with the release of @vitejs/plugin-react 5.0.4. I've forced a revert to 5.0.2 and the error stopped occuring.

[lokeshwarobuli]

Same here as well, Bump

[rvnkcode]

same error occured with "@vitejs/plugin-react-swc": "^4.1.0"
with 4.0.1 it worked.

[glebcha]

Seems like a long journey 😞