Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Hydration error when teleport is the root of a component #4293

Closed
webigorkiev opened this issue Aug 10, 2021 · 0 comments
Closed

Hydration error when teleport is the root of a component #4293

webigorkiev opened this issue Aug 10, 2021 · 0 comments

Comments

@webigorkiev
Copy link

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

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants