[ssr] hydration error with comment and null value variable interpolation

rstoenescu

Feb 16th 2021

Version

3.0.5

Reproduction link

https://github.com/rstoenescu/vue3-ssr-bug-comment-and-null

Steps to reproduce

yarn
yarn dev
Check browser console:

runtime-core.esm-bundler.js:38 [Vue warn]: Hydration children mismatch in <div>: server rendered element contains fewer child nodes than client vdom.
  at <Home onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > >
  at <RouterView>
  at <App>

What is expected?

No hydration errors

What is actually happening?

Hydration error

GitHub Track