title: scss file does not contain a default export (Gatsby and Sass)
body: <p>I know my path is correct because it takes the styles if I don't add module to the extension. I'm working from a bootcamp which is over a year and a half old and trying to research any potential breaking changes, but having no such luck.</p>
  <p>Says link is not defined and my scss file has no default export.</p>
  <p>Thanks</p>
  <pre><code>.link {
    color: green;
  }
  </code></pre>
  <pre><code>import React from &quot;react&quot;
  import { Link } from &quot;gatsby&quot;
  import headerStyles from &quot;../styles/header.module.scss&quot;
  
  const Header = () =&gt; {
    return (
      &lt;header&gt;
        &lt;h1&gt;My Portfolio&lt;/h1&gt;
        &lt;nav&gt;
          &lt;ul&gt;
            &lt;li&gt;
              &lt;Link className={headerStyles.link} to=&quot;/&quot;&gt;
                Home
              &lt;/Link&gt;
            &lt;/li&gt;
            &lt;li&gt;
              &lt;Link to=&quot;/about&quot;&gt;About&lt;/Link&gt;
            &lt;/li&gt;
            &lt;li&gt;
              &lt;Link to=&quot;/blog&quot;&gt;Blog&lt;/Link&gt;
            &lt;/li&gt;
            &lt;li&gt;
              &lt;Link to=&quot;/contact&quot;&gt;Contact&lt;/Link&gt;
            &lt;/li&gt;
          &lt;/ul&gt;
        &lt;/nav&gt;
      &lt;/header&gt;
    )
  }
  
  export default Header
  </code></pre>
  <pre><code>import React from &quot;react&quot;
  import { Link } from &quot;gatsby&quot;
  import headerStyles from &quot;../styles/header.module.scss&quot;
  
  const Header = () =&gt; {
    return (
      &lt;header&gt;
        &lt;h1&gt;My Portfolio&lt;/h1&gt;
        &lt;nav&gt;
          &lt;ul&gt;
            &lt;li&gt;
              &lt;Link className={headerStyles.link} to=&quot;/&quot;&gt;
                Home
              &lt;/Link&gt;
            &lt;/li&gt;
            &lt;li&gt;
              &lt;Link to=&quot;/about&quot;&gt;About&lt;/Link&gt;
            &lt;/li&gt;
            &lt;li&gt;
              &lt;Link to=&quot;/blog&quot;&gt;Blog&lt;/Link&gt;
            &lt;/li&gt;
            &lt;li&gt;
              &lt;Link to=&quot;/contact&quot;&gt;Contact&lt;/Link&gt;
            &lt;/li&gt;
          &lt;/ul&gt;
        &lt;/nav&gt;
      &lt;/header&gt;
    )
  }
  
  export default Header
  </code></pre>