Use notFound() for invalid dynamic route params | BeforeMerge Rules | BeforeMerge

Use notFound() for invalid dynamic route params | BeforeMerge Rules | BeforeMerge

Why This Matters

notFound() triggers the nearest not-found.tsx page, giving users a clear 404 instead of a crash.

Good

import { notFound } from "next/navigation"
 
export default async function RulePage({ params }) {
  const rule = await getRule(params.slug)
  if (!rule) notFound()
  return <RuleDetail rule={rule} />
}