title: Scss classes not working in React, but standard HTML tags are
body: <p>Any one know where I am going wrong? I have the latest version of <code>node-scss</code> installed via npm.
  I import my scss files as such <code>import './loginform.module.scss';</code></p>
  <p>This is an example component:</p>
  <pre><code>import React from 'react';
  import './loginform.module.scss';
  
  const LoginForm = (props) =&gt; {
      return (
          &lt;div className='loginFormContainer'&gt;
              &lt;form className='loginForm'&gt;
                  &lt;div className='loginFormUsermame'&gt;
                      &lt;label for='username'&gt;Username&lt;/label&gt;
                      &lt;input
                          id='username'
                          type='text'
                          placeholder='Username'&gt;&lt;/input&gt;
                  &lt;/div&gt;
              &lt;/form&gt;
          &lt;/div&gt;
      );
  };
  
  export default LoginForm;
  </code></pre>
  <p>It seems I am not getting any styles from my file. This is my <code>.scss</code> file</p>
  <pre><code>.loginFormContainer {
      width: 100%;
      max-width: 24rem;
  
      .loginForm {
          padding-left: 2rem;
          padding-top: 1.5rem;
          padding-right: 2rem;
          padding-bottom: 2rem;
          margin-bottom: 1rem;
          background-color: #ffffff;
          box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
              0 2px 4px -1px rgba(0, 0, 0, 0.06);
          border-radius: 0.375rem;
  
          .loginFormUsername {
              display: block;
              color: #4a5568;
              font-weight: bold;
              margin-bottom: 0.5rem;
          }
      }
  }
  </code></pre>
  <p>Any ideas? It seems to work in things with out classes such as <code>p</code> tag for example. I could make that massive via the scss file...but its my classes....</p>
  <p>CodeSandBox: <a href="https://codesandbox.io/s/broken-shadow-n8517" rel="nofollow noreferrer">https://codesandbox.io/s/broken-shadow-n8517</a></p>