【ssr】Hydration completed but contains mismatches

[yanstars]

Version

3.2.31

Reproduction link

stackblitz.com

Steps to reproduce

npm run dev

What is expected?

no errors

What is actually happening?

runtime-core.esm-bundler.js:4043 Hydration completed but contains mismatches.

---

【nuxt3】 nuxt/nuxt#12998

[yyx990803]

Transferred to vuejs/babel-plugin-jsx because this is a JSX transform issue.

[cdwmhcc]

any update?

[mcataciertocom]

Same here but only when use a reverse proxy

[ZermattChris]

I'm also getting this using a Vue component in an Astro project. If I change the Astro hydration from "client:idle" to "client:only" then the error goes away. Not sure if I'm doing something wrong, of if it's an issue with Vue or Astro...

Browser Console: Error "Hydration completed but contains mismatches."

[TiBianMod]

any news on this ?

[ElYaiko]

Still happening, tried with Nuxt (3.11.1).

[sxzz]

Track to vuejs/core#11012 vuejs/core#7285