Mise à jour Next.js : params est désormais une promesse

Question

Bonjour,
J'ai testé à plusieurs reprises votre code, mais cela ne m'affichait pas l'ID récupéré. Après des recherches, Next.js a été mis à jour et params est une promesse maintenant. Donc, j'ai testé ce code et il fonctionne :
export default async function Article({ params }) {
const { id } = await params;
return (
<>
{id}
);
}

Louis-Nicolas Leuillet · Accepted Answer

Hello Eytan !
Oui j'en parle au début de la formation. Maintenant il faut "attendre" la promesse de params :)
D'ailleurs j'en parle dans cet article juste ici .
Merci pour ton intervention, ça aidera tout le monde !

Eytan Elkeslassy · Answer

Bonjour,
Suite à cela, du fait qu'il faut attendre la promesse de params , et d'autres nouveautés de Next.js qui ne sont pas dans le cours proposé par Believemy, je voudrais savoir s'il était possible de me faire rembourser mon abonnement. En effet, je passe énormément de temps à voir les nouvelles actualisations et le mode de fonctionnement de Next.js.
Là, j'en suis à la 25ème session, partie 3, où il faut utiliser les hooks useState , etc. Or, j'utilise une fonction asynchrone pour pouvoir récupérer params , ce qui me bloque pour la suite. Donc, je ne peux pas utiliser les states et je dois voir donc un nouveau moyen, etc. Je perds trop de temps. Merci de votre compréhension :
"use client";
import ConnectedLayout from "@/components/ConnectedLayout/ConnectedLayout";
import Image from "next/image";
import Post from "@/components/Posts/post";
import { useEffect, useState } from "react";
import { notFound } from "next/navigation";
import { toast } from "react-toastify";
export default async function Profile({ params }) {
const { pseudo } = await params;
// States
const [user, setUser] = useState();
const [posts, setPosts] = useState();
useEffect(() => {
if (!user) {
notFound();
}
fetchUserDataPosts();
});
const fetchUserDataPosts = async () => {
const response = await fetch("/api/user", {
method: "Post",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({ pseudo }),
});
const data = await response.json();
if (!response.ok) {
toast.error("Une erreur est survenue");
}
setUser(data.user);
setPosts(data.post);
};
return (
{/* Data */}
Eytan Elkes
@{pseudo}
-
https://believemy.com
{/* Photo */}
{/* Tabs */}
Threads
Réponses
Republications
{/* Posts */}
{posts.map(post => (
))}
);
}

Louis-Nicolas Leuillet · Answer

Bonjour, vous êtes actuellement sur la formation Next.js 15. Ça a toujours été le nom de la formation et ce n'est pas la formation Next.js 16, qui, elle, sortira l'année prochaine. Il y a très peu de changements entre la version 15 et la version 16, si ce n'est que la version 16 a un fichier qui est différent pour les middleware.
Autrement, il n'y a pas tellement de différence. Par exemple, pour l'erreur que vous mentionnez sur le fait qu'il faut récupérer les paramètres et qu'il faut les attendre, cet article est intéressant : voir

Mise à jour Next.js : params est désormais une promesse

Formation Apprendre NextJS 16 en 2026