Lesson 15: "Error: The default export is not a React Component in page: "/_app"" #852

BrysonHall · 2022-07-09T16:16:12Z

BrysonHall
Jul 9, 2022

Not sure why the error is coming up, heres my index.js and App.js

index.js

import Head from 'next/head'
import Image from 'next/image'
import styles from '../styles/Home.module.css'

export default function Home() {
  return (
    <div className={styles.container}>
      <Head>
        <title>NFT Marketplace</title>
        <meta name="description" content="NFT Marketplace" />
        <link rel="icon" href="/favicon.ico" />
      </Head>

      Hi!
    </div>
  )
}

App.js

import "../styles/globals.css"
import { MoralisProvider } from "react-moralis"
import Header from "../components/Header"

function MyApp({ Component, pageProps }) {
  return (
    <MoralisProvider initializeOnMount={false}>
      <Header />
      <Component {...pageProps} />
    </MoralisProvider>
  )
}

Answered by ThomasHeim11

Jul 9, 2022

You forgot export default MyApp at the bottom of App.js

View full answer

ThomasHeim11 · 2022-07-09T16:40:44Z

ThomasHeim11
Jul 9, 2022

You forgot export default MyApp at the bottom of App.js

2 replies

krakxn Jul 9, 2022

There are two ways to fix this problem, which is not initializing a function as one which can be imported in other files:

First, in the method signature: export default function MyApp({ Component, pageProps }) {

Second, after everything else: export default MyApp at the bottom of the file

Hope this helps!

BrysonHall Jul 9, 2022
Author

Adding export default MyApp fixed the issue. Thanks guys!

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Lesson 15: "Error: The default export is not a React Component in page: "/_app"" #852

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment 2 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Lesson 15: "Error: The default export is not a React Component in page: "/_app"" #852

Uh oh!

BrysonHall Jul 9, 2022

Replies: 1 comment · 2 replies

Uh oh!

ThomasHeim11 Jul 9, 2022

Uh oh!

krakxn Jul 9, 2022

Uh oh!

BrysonHall Jul 9, 2022 Author

BrysonHall
Jul 9, 2022

Replies: 1 comment 2 replies

ThomasHeim11
Jul 9, 2022

BrysonHall Jul 9, 2022
Author