I've been trying to bring a header from one file into another, but it's not cooperating.
import React from 'react';
import { Typography, Card, CardContent } from '@material-ui/core';
import Header from './components/headerComponent/header';
export default function Home() {
return (
<div className="Page">
<Header />
<div className="this">
<h2>Welcome Back!</h2>
</div>
</div>
);
}
This is the code for the header I am attempting to import
import React, { Component } from 'react';
class Header extends Component {
render() {
return (
<header>
Dashboard
</header>
);
}
}
export default Header;
I'm encountering this error message:
Attempted import error: './components/headerComponent/header' does not contain a default export (imported as 'Header').