Subscribe on changes!

Hydration error when teleport is the root of a component

avatar
Aug 10th 2021

Version

3.2.1

Reproduction link

https://github.com/webigorkiev/vue3-hydratation-bug

Steps to reproduce

Spawns when any component is hydrated where the teleporter is the root element. In the repository in the master branch, you will receive an error: Hydration completed but contains mismatches. But if you wrap the teleport in a div (as I did in the develop branches), the hydration is successful.

What is expected?

<!--teleport start-->
<!--teleport end-->

What is actually happening?

<!--teleport start-->

For the sake of simplicity, I've exported the SSR result directly into the template. Thanks