I am having hard time understanding how I should structer my project. 
I am using react with material UI and css modules.
Problem is that god knows why, all styling from MUI loads at the bottom of the header same as css module styling.
After some research I found two solutions:

1. Use !important inside css modules which is terrible.
2. Changing the injection order <https://material-ui.com/guides/interoperability/#css-modules>

Problem with the second one is that it would be terrible tedieouse in a multi component project where every time you introduce a new component you have to load it manually as in the example. Am I missing something obvious? Do you have any ideas how to easier change the load order?