Closed soykje closed 1 year ago
just had the same, but this may not be a stiches bug
there is a chance with import { Text } from '@components/content'
you are creating a circular imports in your code (can't really tell, I don't see all of your files) try using relative import here first (you can also replace it in few other places too it it didn't help, just to make sure that there is no such situation)
Oh crap, you're right @dzek69! Didn't noticed that (circular imports are still not always clear to me...) but moving as suggested into a relative import fixed my issue! :tada: Thx again, and sorry for late answer... :pray:
Bug report
Describe the bug
As I was refactoring my personal website using Stitches v1.2.8 and NextJS v12, I got a classic
Warning: Prop
classNamedid not match. Server: "c-golZua" Client: "c-boJmFo"
message, which means hydration error... But there is no use ofwindow
or anything fancy in my component, except maybe the fact that it targets another Stitches component...:Expected behavior
Styling targeting Stitches components should not be a problem :question: :confused:
Screenshots
System information
Additional context
As I was looking for some explanation, I tried removing the references to the other Stitches component, and hydration mismatch error were gone! This is why I'm guessing it could be related, even if I don't understand the reason... :exploding_head:
Also in case it could help, here is a link to my WIP branch: https://gitlab.com/soykje/soykje.gitlab.io/-/blob/reboot-with-stitches/src/components/content/Article/styles.ts#L16
Thx in advance for your help :pray: