Fernand Soualo

Salut ! C'est effectivement un changement important dans Next.js 15.

Solution

Depuis Next.js 15, les params et searchParams sont des Promises. Voici comment adapter ton code :

export default async function Page({ 
  params 
}: { 
  params: Promise<{ id: string }> 
}) {
  const { id } = await params;
  return <div>Post ID: {id}</div>
}

Pourquoi ce changement ?

Cela permet une meilleure optimisation des performances et prépare Next.js pour les futures fonctionnalités de streaming.

Pour generateMetadata aussi

export async function generateMetadata({ params }: { params: Promise<{ id: string }> }) {
  const { id } = await params;
  return { title: `Post ${id}` };
}

J'ai prévu de faire une vidéo sur ce sujet dans la formation Next.js ! 📹