Stabilisation d'une route dynamique mal configurée

Scénario

Contexte : Une application Next.js doit afficher le détail d'un produit via une route dynamique basée sur son id. Le Problème : La page affiche toujours undefined pour l'id récupéré dans le composant. Contraintes : Vous devez conserver l'utilisation du router Next.js. Aucune modification de structure globale. Code actuel : import { useRouter } from "next/router"; export default function Product() { const router = useRouter(); const { id } = router.query; return <p>Produit {router.id}</p>; } Livrable attendu : Corriger l'accès au paramètre dynamique afin d'afficher correctement l'id du produit.

Compétences ciblées