You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
In root.tsx there is a <style> element after <Links>.
In routes/_index.tsx there is an ErrorBoundary, and route component throws an error.
On page refresh SSR works correctly, but hydration fails with Error: Hydration failed because the initial UI does not match what was rendered on the server., and tailwind styles are gone. This only happens in development mode.
Error boundary is shown, tailwind styles work, there is no hydration error.
Actual Behavior
Hydration fails, tailwind styles are missing after hydration
My use case for adding additional elements after <Links> is adding additional styles (that need to override the default styles), where stylesheet I add depends on loader data, so I can't use links route module export.
The text was updated successfully, but these errors were encountered:
Reproduction
Go to https://stackblitz.com/edit/remix-run-remix-8frxmh
In root.tsx there is a
<style>
element after<Links>
.In routes/_index.tsx there is an ErrorBoundary, and route component throws an error.
On page refresh SSR works correctly, but hydration fails with
Error: Hydration failed because the initial UI does not match what was rendered on the server.
, and tailwind styles are gone. This only happens in development mode.System Info
Used Package Manager
npm
Expected Behavior
Error boundary is shown, tailwind styles work, there is no hydration error.
Actual Behavior
Hydration fails, tailwind styles are missing after hydration
My use case for adding additional elements after
<Links>
is adding additional styles (that need to override the default styles), where stylesheet I add depends on loader data, so I can't uselinks
route module export.The text was updated successfully, but these errors were encountered: