The Dynamic routes work in the dev environment but if I build it and run it on production I get this error.

I removed the export const dynamicParams = false; and it works and routes everything properly but then it will also route a page that is not in the serviceList. Any idea why this is happening?

Also I am following this [part in the docs](https://nextjs.org/docs/app/api-reference/functions/generate-static-params)

import { servicesList } from "@constants/servicesList";

export const dynamicParams = false;

export async function generateStaticParams() {
  return servicesList.map((serviceItem) => {
    {
      params: {
        service: serviceItem.href;
      }
    }
  });
}

const Page = ({ params }: { params: { service: string } }) => {
  const { service } = params;
  const serviceItem = servicesList.find((item) => {
    return item.href === service;
  });

  return (
    <section>
      <h1>{serviceItem?.title}</h1>
      <p>{serviceItem?.desc}</p>
    </section>
  );
};

export default Page;