search

BuilderIO / hydration-overlay

Overlay for hydration errors with explicit diff between renders.
https://www.builder.io/blog/announcing-react-hydration-overlay
MIT License
500 stars 17 forks source link

False positives with MUI library #13

Open SLMNBJ opened 11 months ago

SLMNBJ commented 11 months ago

I'm using Next.js (v13 with pages directory) with the MUI library. In the case of error Hydration, it's hard to debug compared to native modal error and seems not to have the same value. Here is an example. I just added Math.random()

Screen Shot 2023-12-15 at 21 26 40 Screen Shot 2023-12-15 at 21 26 48
samijaber commented 11 months ago

It looks like MUI renders inline styles in SSR, but uses classnames in CSR, which causes this mismatch. Not sure how to approach hiding these false positives... 🤔

samijaber commented 11 months ago

Actually: could you provide the full diff here? Before and After?

It looks like the left side has a big Emotion