P粉0435663142023-08-30 17:16:14
This is a well-known React issue caused by browser extensions modifying the DOM.
It's more obvious in Remix because it renders the entire <html />
, not just <div id="root" /> ;
.
You can confirm whether a browser extension is causing the problem by using a browser profile without the extension installed (or in incognito mode).
Kiliman demonstrates a workaround here: https://github.com/kiliman/remix-hydration-fix, which involves rendering the header and application separately.