title: using react lazy in CRA with cssmodules causes chunks to have duplicate css in production
body: <p>I'm having similar issue seen here <a href="https://stackoverflow.com/questions/60632062/webpack-chunk-styles-and-react-lazy">Webpack chunk styles and react.lazy</a>.</p>
  <p>I'm using react lazy to with react-router to make route based code-splitting. I have reusable component called Block which uses cssmodules and two pages (actually more than two but thats for an example). Both of them are lazy loaded and use Block multiple times.</p>
  <p>On production the styles from Block seem to be in both chunks for the Pages, so when I initially load PageA its respective chunk is loaded. Everything is fine. Going to PageB also causes its chunk to be loaded. Now when going back to PageA both chunks are loaded and styles from PageB overwrite everything thus breaking layout.</p>
  <p>Removing lazy import fixes the problem but that not the solution. While it's my first react project I'm quite sure I did everything correctly at least to my understanding.</p>
  <p>To illustrate the problem here is screenshot of styles tab from devtools after entering few pages and going back to initial one</p>
  <p><a href="https://i.stack.imgur.com/Yac64.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Yac64.png" alt="enter image description here" /></a></p>
  <p>Any help is appreciated :)</p>