title: The default export is not a React Component in page: "/" NextJS
body: <p>Not sure why the error is coming up, heres my index.js and App.js (the default export). I have used export default in the app.js.</p>
  
  <p>index.js:</p>
  
  <pre><code>import "./index.css";
  import App from "./App";
  import "bootstrap/dist/css/bootstrap.css";
  import "font-awesome/css/font-awesome.css";
  &lt;App /&gt;;
  </code></pre>
  
  <p>App.js</p>
  
  <pre><code>import React, { Component } from "react";
  import { ToastContainer } from "react-toastify";
  import NavBar from "../components/navBar";
  import auth from "../services/authService";
  import "react-toastify/dist/ReactToastify.css";
  import "./App.css";
  
  class App extends Component {
    state = {};
  
    componentDidMount() {
      const user = auth.getCurrentUser();
      this.setState({ user });
    }
  
    render() {
      const { user } = this.state;
  
      return (
        &lt;React.Fragment&gt;
          &lt;ToastContainer /&gt;
          &lt;NavBar user={user} /&gt;
        &lt;/React.Fragment&gt;
      );
    }
  }
  
  export default App;
  </code></pre>