Hannes Diercks

Im experiencing similar issues outside of the context you describe. Basically any hydration error where react is forced to rebuild the `` will cause the styles of styled-components to be...

related issue in react: https://github.com/facebook/react/issues/24430

I was able to work around the problem by: 1. downgrading to react@17 2. ensuring that `{typeof document === "undefined" ? "__STYLES__" : null}` is rendered at the very end...

Thanks for sharing. I was also tinkering around with rendering the remix app into a sub-element of the page but gave up because it caused too many things I love...

@kiliman figured out how to do this with the current tools and for me it solves the styled-components issues: https://github.com/remix-run/remix/discussions/5244#discussioncomment-4832036

Still with react@17 additional injected elements (such as the `` from styled-components) are wiped when hydrating - even when there are no hydration errors displayed ...unless they're placed as the...

@kiliman figured out a workaround by not having remix render the complete `document` but "classic" style a `` + stuff in `` as side-effect: https://github.com/remix-run/remix/discussions/5244#discussioncomment-4832036

@designbyadrian the only solution I'm currently aware of is either downgrade to react@17 or to not render remix into the `document` but a `` - see https://github.com/Xiphe/remix-island for how to...

pre-published as `@xiphe/[email protected]`

duplicate of https://github.com/Jimdo/angular-fontselect/issues/44