Hydration node mismatch about SSR can not be clean
Vue version
3.2.47
Link to minimal reproduction
.
Steps to reproduce
.
What is expected?
correctly clean the hydration node mismatch warning
What is actually happening?
In my program, SSR returns about 40 nodes(the count is random), then around 30 nodes will be render in web . So it will leads to the warning :
Then I want to use app.config.warnHanlder to filter it, and I just code:
app.config.warnHandler = function (warning, vm, trace) { console.warn('[Vue warn]: ', warning, vm, trace) }
The warning is disappear, and all hydration mismatch warnings disappear at the same time.
Then i try to config it in browser env, I code:
if (process.env.BROWSER) { app.config.warnHandler = function (warning, vm, trace) { console.warn('[Vue warn]: ', warning, vm, trace) } }
The warn back ,but it change to:
System Info
System:
OS: macOS 14.2
CPU: (8) arm64 Apple M1
Memory: 155.42 MB / 16.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 18.16.1 - ~/.nvm/versions/node/v18.16.1/bin/node
npm: 9.5.1 - ~/.nvm/versions/node/v18.16.1/bin/npm
pnpm: 8.14.1 - ~/.nvm/versions/node/v18.16.1/bin/pnpm
Browsers:
Chrome: 121.0.6167.184
Safari: 17.2
Any additional comments?
No response