javascript - La página 404 personalizada de NextJS no se muestra

Tengo un pages/404.ts personalizado con el siguiente contenido:

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

Y tengo otra página que muestra 404 cuando alguna organización es nula:

import Error from 'next/error'

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

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

Quiero que NextJS muestre mi página 404 personalizada, en lugar de mostrar la predeterminada

¿Qué necesito hacer para mostrar mi página 404?

Respuesta #1

Estás reutilizando la página de error integrada.

Si quieres mostrar tu 404 personalizado en la ruta dinámica, solo importa tu componente NotFound y devuelve eso en su lugar.