Stabilisation d'un système SSR provoquant des erreurs d'hydratation

السيناريو

Contexte : Vous reprenez une application Next.js utilisant le rendu côté serveur pour afficher un dashboard personnalisé. Le Problème : En production, l'application affiche une erreur d'hydratation indiquant que le contenu rendu côté serveur ne correspond pas au rendu côté client. Contraintes : Vous devez conserver le SSR avec getServerSideProps. Aucune librairie externe autorisée. La correction doit éviter toute divergence entre rendu serveur et client. Code actuel : export async function getServerSideProps() { return { props: { date: new Date().toLocaleString() } }; } export default function Page({ date }) { return <div>{date}</div>; } Livrable attendu : Corriger la logique afin d'éviter les erreurs d'hydratation tout en conservant un rendu cohérent.

المهارات المستهدفة