javascript - NextJS egendefinert 404-side vises ikke

Jeg har en tilpasset pages/404.ts med følgende innhold:

export default function NotFound() {
  return <h1>404 - Page Not Found</h1>
}

Og jeg har en annen side som viser 404 når en organisasjon er null:

import Error from 'next/error'

const Slug: NextPage<SlugProps> = ({ organization }) => {
  if (!organization) {
    return <Error statusCode={404} />
  }

  return <h1>{organization.name}</h1>
}

Jeg vil at NextJS skal vise min tilpassede 404-side, i stedet for at den viser standarden

Hva trenger jeg å gjøre for å vise min 404-side?

Svar #1

Du gjenbruker den innebygde feilsiden.

Hvis du vil vise din egen 404-side i den dynamiske ruten, importer bare din NotFound-komponent og returner den i stedet.

Relaterte artikler