title: SCSS modules not loading in NextJS
body: <p>I'm not sure what the problem is, as I've done this numerous times with no issues, so I'm thinking I messed something up. I'll show the Product.js component, and the module file, and please let me know if there's anything else I'm missing (for example, there's no next.config.js file either).</p>
  <p>Thanks in advance!</p>
  <p>Product.js</p>
  <pre><code>import { Card } from '@material-ui/core'
  import styles from '../styles/Products.module.scss'
  
  export default function Product({ product }) {
    console.log(product)
    return(
      &lt;Card className=&quot;product&quot;&gt;
        &lt;img src={product.main_image} /&gt;
        {product.name &amp;&amp; product.name}
      &lt;/Card&gt;
    )
  }
  </code></pre>
  <p>Products.module.scss file</p>
  <pre><code>.product {
    max-width: 300px;
  
    &amp; img {
      width: 100%;
    }
  }
  </code></pre>