Describe the bug

I reproduced the issue I was facing on a big project. you can find it in the below stackblits

https://stackblitz.com/edit/vitejs-vite-dmbjcj?file=src/App.vue

On first load. the maximum call stack doesn't happen.

However, on change of 'HelloWorld' component e.g. changing counter to a different number.
HMR executes, and maximum call stack warning shows up on console.

Reproduction

https://stackblitz.com/edit/vitejs-vite-dmbjcj?file=src/App.vue

System Info

"@vitejs/plugin-vue": "^3.0.3",
"typescript": "^4.6.4",
"vite": "^3.0.8",
"vue-tsc": "^0.40.1"

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.