Ignore hydration warning on script #12
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
Thanks! Although I'm wondering why there's the mismatch in the first place. |
|
It's caused by the bundler bundling the client and server script differently, so you end up with different names for the variables. I suppose another solution would be to have the user inject the script once in the <script>if (typeof window.relayout !== 'undefined') window.relayout()</script> |
|
That's a good point, I think we can merge this fix first. Regarding reusing the definition, I think we can add a context or provider like API, to wrap your entire page, which injects the script tag. And all its children that receive the context don't have to inject the relayout definition again. |
But the reason for using the |
This is a temporary fix for #7
It adds the
suppressHydrationWarningto the<script>block, so it doesn't report the minified code mismatch between client and server as an error.Ideally it would be built in another way to avoid the mismatch - Maybe by hardcoding the string for the script HTML?