404页面不存在404页面不存在我遵循了here的指令，我的代码在app/[slug]/page.tsx中如下所示

import { notFound } from 'next/navigation';
import { getPage } from "@/sanity/utils";
import { CustomPortableText } from "../components/CustomPortableText";

type Props = {
    params: { slug: string }
}

export default async function Page({ params }: Props) {

    const page = await getPage(params.slug);

    if (!page) {
        return notFound()
    }
    return (
        <article>
            <CustomPortableText paragraphClasses="my-6" value={page.body} />
        </article>
    )
}

代码可以很好地与现有页面一起工作。但是，当页面不存在时，groq返回null，并进入notFound语句行，显示空白页面，并显示控制台错误

你能告诉我我做错了什么吗？先谢了。
我不使用自定义404页面。并已阅读的说明the NextJS documentation，但没有运气。