This is a basic example of using styled-components with Remix. There are several tips and tricks done to try and prevent styles from being removed in the <head> of the page. Read more about it here: Issue Thread
- Use React v17.
- Create a pathless layout to act as your "new" root. ALL of your routes will go under your pathless layout.
- Your
root.tsxcan only ever be loaded once, any re-rendering has the potential to throw out styling. It's good to put aexport const unstable_shouldReload = () => falsein yourroot.tsxto help ensure that it doesn't re-render.