hmr will make the vue3's watchEffect reload

[dang0705]

Describe the bug

If you use a variable like flag to control some function run or not in vue3's watchEffect, and trigger the hmr, then it'll make the flag reset in watchEffect, the control will not work any more to the function,and the watchEffect will run without any limitation, you have to refresh the browser to make it normal, How to handle this scnario

Reproduction

https://stackblitz.com/edit/vitejs-vite-fk5fbj?file=main.js&terminal=dev

Steps to reproduce

No response

System Info

System:
    OS: Windows 11 10.0.22635
    CPU: (16) x64 12th Gen Intel(R) Core(TM) i7-1260P
    Memory: 16.34 GB / 31.64 GB
  Binaries:
    Node: 20.10.0 - D:\Program Files\nodejs\node.EXE
    npm: 10.2.3 - D:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Chromium (121.0.2277.4), ChromiumDev (121.0.2277.4)
    Internet Explorer: 11.0.22621.1
  npmPackages:
    @vitejs/plugin-vue: ^4.0.0 => 4.2.3
    @vitejs/plugin-vue-jsx: ^3.0.2 => 3.0.2
    vite: ^5.0.2 => 5.0.2

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. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• 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.

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• vitejs-vite-fk5fbj (Open reproduction)

[github-actions]

Hello @dang0705. 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.