Remix + Styled Components practicably not production ready

[Xiphe]

What version of Remix are you using?

v1.11.0

Steps to Reproduce

This is not per-se a remix bug but a conceptual incompatibility between apps that manage the whole document (like remix) and styled-components (at the current state).

I therefore opened an issue on their side: styled-components/styled-components#3924 including steps to reproduce.

I'm opening this issue here to raise awareness. Maybe of the team want's to jump on it or maybe you have another idea how to work around it.

Expected Behavior

Since hydration errors can be randomly introduced by any browser extension my app has to be able to fully recover from those.

Actual Behavior

The problem is that when any hydration error happens in production ALL styled-component styles are just gone 🕳️

[machour]

Closing as duplicate of #5144 which provides more details 👍🏼