Debugger avec l'IA

J'ai une erreur dans mon projet [stack technique].

## Le message d'erreur
```
[coller le message d'erreur complet]
```

## Ce que je faisais
[action qui a déclenché l'erreur]

## Ce que j'attendais
[le comportement normal]

## Ce qui se passe à la place
[le comportement observé]

## Mon code concerné
```tsx
[coller le code du fichier en question]
```

## Ce que j'ai déjà essayé
- [tentative 1]
- [tentative 2]

Explique-moi le problème avant de proposer une correction.

J'ai une erreur d'hydratation dans mon projet Next.js 15.

## Le message d'erreur
```
Error: Hydration failed because the server rendered HTML 
didn't match the client. 
See more info here: https://nextjs.org/docs/messages/react-hydration-error
```

## Ce que je faisais
J'affiche la date du jour dans un composant.

## Mon code
```tsx
export function WelcomeBanner() {
  return (
    <div className="p-4 bg-blue-50 rounded-lg">
      <h2>Bienvenue !</h2>
      <p>Nous sommes le {new Date().toLocaleDateString("fr-FR")}</p>
    </div>
  );
}
```

## Ce que j'ai essayé
- Vider le cache du navigateur → pas de changement
- Redémarrer next dev → même erreur

Explique-moi pourquoi ça arrive et comment le corriger 
proprement (pas un hack).