I have a fairly trivial page.tsx file, where dynamicParams is set to false. i.e. it should not render 404 for any page that should not exist.

However, when I deploy to Vercel and try to visit any page that is not supposed to exist e.g. /wiki/pancakes I get an application error.
And in the logs it's clear that it tries to to render the page and I even get an error from tRPC :

result: l [TRPCClientError]: path failed validation: path.block_id should be a valid uuid, instead was "pancakes"

Any idea why?

When I do build I do get the following error: result: l [TRPCClientError]: Dynamic server usage: Page couldn't be rendered statically because it used "headers", for each page that's supposed to be rendered, if that's relevant.

import React from "react"
import { WikiContent } from "~/app/wiki/_components"
import tempData from "../tempData.json"
import { api } from "~/trpc/server"

export default async function Wiki({ params }: { params: { id: string } }) {
  const data = await api.notion.getPageBlocks.query({ id: params.id })


  return (
    <div className="bg-background2 w-100 min-h-screen flex flex-col items-center p-4">
      <main className="ml-0 md:ml-[240px] flex flex-col min-h-screen mt-18 md:mt-0">
        <div className="p-4 flex flex-col gap-4 w-full max-w-screen-lg mx-auto">
          <div>
            <WikiContent blocks={data.results} />
          </div>
        </div>
      </main>
    </div>
  )
}

export const dynamicParams = false

export function generateStaticParams() {
  const pages = tempData.result.data.json.results

  return pages.map((page) => ({
    id: page.id
  }))
}