@vitejs/react-refresh (React Fast Refresh) breaks hydration

[tarosbubbletea]

Astro Info

Astro                    v4.16.14
Node                     v22.2.0
System                   Windows (x64)
Package Manager          npm
Output                   static
Adapter                  none
Integrations             @astrojs/react

If this issue only occurs in one browser, which browser is a problem?

No response

Describe the Bug

Transform failed with 3 errors:
C:/Users/taro/Downloads/skeletal/src/pages/_fuzzyoverlay.tsx:1:820: ERROR: The symbol "inWebWorker" has already been declared
C:/Users/taro/Downloads/skeletal/src/pages/_fuzzyoverlay.tsx:1:916: ERROR: The symbol "prevRefreshReg" has already been declared
C:/Users/taro/Downloads/skeletal/src/pages/_fuzzyoverlay.tsx:1:935: ERROR: The symbol "prevRefreshSig" has already been declared

Installing and enabling the React Fast Refresh plugin for Vite causes the previous error when marking components for hydration on an Astro page

What's the expected result?

Expect for the components to load.

Link to Minimal Reproducible Example

https://stackblitz.com/~/github.com/tarosbubbletea/vite-astro-test

Participation

• I am willing to submit a pull request for this issue.

[bluwy]

Why are you using the package? HMR is already supported for React with the react integration