title: Attempted import error: './components/headerComponent/header' does not contain a default export (imported as 'Header')
body: <p>I'm attempting to import a header from one file to another, but it isn't working.</p>
  
  <pre><code>import React from 'react';
  import { Typography, Card, CardContent } from '@material-ui/core';
  import Header from './components/headerComponent/header';
  
  
  export default function Home() {
      return (
          &lt;div className="Page"&gt;
  
              &lt;Header /&gt;
  
              &lt;div  className="this"&gt;
                  &lt;h2&gt;Welcome Back!&lt;/h2&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
      );
  }
  </code></pre>
  
  <p>This is the code for the header I am trying to import</p>
  
  <pre><code>import React, { Component } from 'react';
  class Header extends Component {
    render() {
      return (
        &lt;header&gt;
          Dashboard
        &lt;/header&gt;
      );
    }
  }
  
  export default Header;
  </code></pre>
  
  <p>I keep getting this error:</p>
  
  <pre><code>Attempted import error: './components/headerComponent/header' does not contain a default export (imported as 'Header').
  </code></pre>