title: Styling react-select with CSS modules works on Sandbox but not on local machine
body: <p>The <a href="https://react-select.com/styles#using-classnames" rel="nofollow noreferrer">'Using ClassNames' section</a> of <a href="https://react-select.com" rel="nofollow noreferrer"><code>react-select</code></a> docs states that using the <code>className</code> and <code>classNamePrefix</code> props</p>
  <blockquote>
  <p>ensures compatibility with styled components, <strong>CSS modules</strong> and
  other libraries.</p>
  </blockquote>
  <p>In <a href="https://codesandbox.io/s/modest-mountain-wip00" rel="nofollow noreferrer">this CodeSandbox</a>, with CSS modules and <code>node-sass</code>, it seems to work. However, if I replicate the following code on my local machine in a create-react-app, it doesn't work. My CRA uses the Typescript template. Is that the problem? Everything else is just the same.</p>
  <p><code>Select.module.scss</code></p>
  <pre><code>.select {
    outline: 1px solid red;
  
    .select__control {
      background-color: salmon;
    }
  }
  </code></pre>
  <hr />
  <p><code>Select.tsx</code></p>
  <pre><code>import React from 'react';
  import RS from 'react-select';
  import style from './Select.module.scss';
  
  const options = [
    {label: &quot;hi&quot;, value: &quot;hi&quot;}
  ]
  
  function Select(props: any) {
    return (
      &lt;RS
        options={options}
        className={style.select}
        classNamePrefix={style.select}
      /&gt;
    )
  }
  
  export default Select;
  </code></pre>
  <hr />
  <p><code>App.tsx</code></p>
  <pre><code>import React from 'react';
  import Select from './Select';
  
  function App() {
    return (
      &lt;div className=&quot;App&quot;&gt;
        &lt;Select /&gt;
      &lt;/div&gt;
    );
  }
  
  export default App;
  </code></pre>