Next.js - SSR Hydration Error | Mantine | Page 1

primal cypress Oct 25, 2022, 1:08 AM

#

Hi, i've followed the mantine setup guide for next.js, built out my project, however on the first page i'm using SSR on, an error "Error: Hydration failed because the initial UI does not match what was rendered on the server." appears. When there is no data to load, this error disappears, suggesting to me it is due to random mantine class names.

primal cypress Oct 25, 2022, 7:35 AM

#

@woven valley

woven valley Oct 25, 2022, 7:36 AM

#

primal cypress Hi, i've followed the mantine setup guide for next.js, built out my project, how...

See template as reference

primal cypress Oct 25, 2022, 7:37 AM

#

i’m pretty sure my project matches the template

primal cypress Oct 25, 2022, 9:55 AM

#

@woven valley do I need to use custom emotion cache if i'm not using any modifications to it?

woven valley Oct 25, 2022, 10:18 AM

#

primal cypress <@228868351865257984> do I need to use custom emotion cache if i'm not using any...

No

primal cypress Oct 25, 2022, 10:59 AM

#

i thought so - i've tested my page out and it looks like the only time i get the hydration error is when i use mantine components in the SSR component. How do I preset class names in this instance?

#Next.js - SSR Hydration Error