New styles overridden in DOM after hot update.

[phyllisstein]

👋 I've been working on bootstrapping a new repo with your new universal family and running into some trouble with CSS hot reloading. Hot updates are applied, but they appear earlier in the cascade than the original styles and are consequently overridden by the CSS they're meant to replace. Here, I've changed the h1's color from red to blue; you can see that the new style is loaded, but not applied:

Just curious whether you'd seen anything like this before. If it helps, there's a small amount of code at https://github.com/ignota/ignota2 that shows what I think should work. (Frustratingly, it's largely pulled from another repo where CSS HMR is working, and I can't account for the difference. 😡 )

Thanks in advance for any thoughts you might have!

[phyllisstein]

React Router was blocking updates on re-render. Adding the withRouter decorator to my App component did the job!

[phyllisstein]

...but not for CSS updates, just for React updates. 😬

[phyllisstein]

Looks like the old sheets aren't being removed because the logic for choosing the correct <link> tag is a little off. It's grabbing my favicon rather than the CSS link. Gonna see if I can tweak and patch it.