javascript - Can't build React/Next project - found page without a React Component as default export (context api file)

Question

I'm trying to build my Next.js project but it keeps giving me this error in the terminal:

Error: Build optimization failed: found page without a React Component as default export in 
pages/components/context/Context

That's the React context API file, there isn't supposed to be any default export there. Is this a bug or what?

Answer 1

You should move your components outside the pages folder. pages/ should only be used for page components as Next.js routing is based on its structure.

Next.js has a file-system based router built on the concept of pages.

When a file is added to the pages directory it's automatically available as a route.