How to solve async params TypeScript errors in Next.js 16 API routes?

Dynamic params are now Promises; type as { params: Promise<{ id: string }> } and await params to resolve TS complaints. For complex API and TypeScript implementations, Next.js developers can help ensure your application follows Next.js 16 best practices.

‍Example:

Code

// app/api/[id]/route.ts
export async function GET(
  _req: Request,
  { params }: { params: Promise<{ id: string }> }
) {
  const { id } = await params;
  return Response.json({ id });
}