Next.js Discord

Discord Forum

Error: The default export is not a React Component in page.

Unanswered
Orinoco Crocodile posted this in #help-forum
Open in Discord
Orinoco CrocodileOP
I have 3 files currently: index.js (../pages), _app.js (../pages) & main.js (../components/layout)

The error I'm recieving: "The default export is not a React Component in page: "/_app" "

Index.js:
const Page = () => {
    return (
        <div>Hello</div>
    )
}

export default Page


_app.js:
import { ChakraProvider } from '@chakra-ui/react'
import Layout from '../components/layouts/main'

function Website({ Component, pageProps, router }) {
  return (
    <ChakraProvider>
      <Layout router={router}>
          <Component {...pageProps} key={router.route} />
      </Layout>
    </ChakraProvider>
  )
}

export default Website


main.js:
import Head from 'next/head'
import { Box, Container } from '@chakra-ui/react'

const Main = ({ children, router }) => {
    return (
        <Box as='main' pb={8}>
            <Head>
                <meta name='viewport' content='width=device-width, initial-scale=1' />
                <title>Kento Ōsakā - Homepage</title>
            </Head>

            <Container maxW='container.md' pt={14}>
                {children}
            </Container>
        </Box>
    )
}

export default Main

0 Replies