[@vitejs/plugin-react-refresh] Could not hot update

[fengxinming]

Describe the bug

When I change react componsts, expect to current page on browser is updated, it print [vite] hot updated: /src/pages/login/index.jsx on console, but nothing happens.

Reproduction

https://github.com/fengxinming/vite-plugins/tree/main/examples/demo

System Info

Mac and win7

[email protected]

Used Package Manager

pnpm

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. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/vue-next instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.

[oeb25]

This might be related to #4142

[fengxinming]

@oeb25 it is different from #4142 because I use external React. if he did not use arrow function to define a React component, that App component would hot update.

[haoqunjiang]

Hi, thanks for your report.
Would you please reduce your issue to a minimal reproducible example?
The linked repository contains too many custom plugins that it's hard for us to find out which package causes the issue.

[github-actions]

Hello @fengxinming. Please provide a minimal reproduction using a GitHub repository or StackBlitz. Issues marked with need reproduction will be closed if they have no activity within 3 days.