Direct link to page showing duplicated sections in the content

[patak-dev]

Starting from https://vitepress.vuejs.org, you can navigate to the Markdown Extensions section and it properly works:

But reloading the page, or directly visiting https://vitepress.vuejs.org/guide/markdown.html is showing duplicated content:

[kiaking]

Oh yeah... hmmm... we must look into this. We're getting Hydration completed but contains mismatches. error in the console. I can only find this error in https://vitepress.vuejs.org/guide/markdown.html so markdown example should be the one causing it...? Need to to investigation.

[sampullman]

I'm not sure if it's the exact same problem, but I get weird issues using [[toc]] where some sections are moved around or removed entirely. Similarly, it only happens when I refresh or visit directly, and only in the final build (not when served from vitepress dev docs

[sampullman]

You can see this behavior in the Vitepress docs as well: https://vitepress.vuejs.org/guide/markdown.html#table-of-contents

When that page is loaded directly you get the "hydration mismatch" error (and the TOC is missing), but loading another page and navigating to the markdown section works fine.

[stefandesu]

I have this problem as well. All pages that contain JavaScript show "Hydration completed but contains mismatches." when loaded directly. For example: https://gbv.github.io/jskos-vue/dev/components/ItemDetails.html

Interestingly, it works when navigating to the page from another site, but not if I simply go back and forth. Only the page that got initially loaded stays broken.

Even more interestingly: The JavaScript part of the page loads, but not the Markdown! Something is very weird here.

Edit: While there's definitely something weird going on here, I was able to fix my issue by putting some code into the onMounted hook. It seems like one of our dependencies is not exported correctly or something and it throws an error during the build. For some reason, it still works if you navigate there from another page, but doesn't if you load the page directly. This whole issue seems to be related to dependencies in some form.

[jw-foss]

@patak-js Any idea what causes this? Having the same issue of duplicated sections and component lost.

[seonglae]

Hydration completed but contains mismatches. error occurs when I deployed vitepress to vercel with custom dns

[blurgyy]

Building with mpa mode (e.g. yarn vitepress build --mpa) seems to solve this issue, as well as mentioned in #388

[seonglae]

In my case, mpa mode not working

[vmihailenco]

--mpa helps but it breaks client code that uses JS...

[kiaking]

Can anyone try to reproduce this issue with the latest next-theme branch? It should be fixed by #660 but not 100% sure.