prevolsek
prevolsek
PostsComments
NNuxt
Created by prevolsek on 7/12/2024 in #❓・help
Hydration completed but contains mismatches.
Hello, I'm struggling with a hydration error in a nuxt 3 project. I have a simple demo page: 
<template>
  <div>TEST</div>
</template>
<template>
  <div>TEST</div>
</template>
I have a layout which only contains a slot: 
<template>
  <div class="default-layout">
    <div>
      <slot />
    </div>
  </div>
</template>
<template>
  <div class="default-layout">
    <div>
      <slot />
    </div>
  </div>
</template>
And I have a simple app.vue in root folder: 
<template>
  <NuxtLayout>
    <NuxtPage />
  </NuxtLayout>
</template>
<template>
  <NuxtLayout>
    <NuxtPage />
  </NuxtLayout>
</template>
For some reason on https://storefront.artnight.com/test I'm seeing Hydration completed but contains mismatches.` in the console. I put the exact same code on another domain https://storefront.artnight.rocks/test and I don't see the hydration error there, also I don't see it in a local dev environment. I'm struggling to find a root cause of why hydration error happens on .com only and any help would be appreciated.
4 replies