Förklaring

Alla page-filer i Next.js måste ha en default-exporterad React-komponent. Det är hur Next.js vet vad som ska renderas när en besökare öppnar den URL:en. Saknas default-exporten, eller om det som exporteras inte är en React-komponent, visas det här felet.

Felet dyker vanligtvis upp vid ett av tre tillfällen: när man skapar en ny page-fil och glömmer exporten, när man refaktorerar kod och råkar ta bort exporten, eller när en named export blandas ihop med default export.

Named exports i page-filer är reserverade för Next.js-specifikationer som metadata, generateStaticParams, och generateMetadata — de ersätter inte default-exporten.

Vanliga orsaker

Glömt default-export i en page-fil. Named export använd i stället för default export. Filen exporterar ett objekt eller en klass som inte är en React-komponent.

Lösning

Se till att page-filen har en default-exporterad React-komponent:

// Fel
export function MyPage() {
  return <div>Sidan</div>;
}

// Rätt
export default function Page() {
  return <div>Sidan</div>;
}

Named exports för metadata och andra Next.js-konfigurationer kan leva bredvid default-exporten utan problem.