Hot reloaded styles not persisting on route change

[Ehesp]

Hello

We've got this module in our application, setup as per the README. We also have hot module reloading enabled. When changing styles (SCSS), the page hot reloads and the styles are updated. However if we navigate to a different page (client side using React Router) and then back to the original page the styles have reverted back.

When we navigate back, the console shows:

This should be blue (what it changes to after hot reloading). However when we navigate into the file, the color is actually correct:

Another thing we noticed, was that this is only happening on components which are rendered on page load. Hot reloading of styles persists if we navigate to a page which the client loads. It has nothing to do with the initial styles injected by the client as we removed this and the same issue persisted.

Our project is here: https://github.com/teamfa/sails-universal-react-starter

We've removed loads of Webpack options/config but the issue still exists. Any idea what this could be?