Debugger avec l'IA

TypeError: Cannot read properties of undefined (reading 'name')

aide moi

# Resultat : l'IA te dit "verifiez que la variable existe"
# Merci Captain Obvious... mais WHERE ?

Je travaille sur un projet Next.js 15 avec TypeScript et Supabase.

## Le message d'erreur
```
TypeError: Cannot read properties of undefined (reading 'name')
    at UserCard (components/UserCard.tsx:12:24)
```

## Ce que je faisais
J'essaie d'afficher les donnees d'un utilisateur fetche depuis Supabase.

## Ce que j'attendais
Le composant UserCard affiche le nom de l'utilisateur.

## Ce qui se passe
La page crash avec l'erreur ci-dessus.

## Mon code
```tsx
// UserCard.tsx
export function UserCard({ userId }: { userId: string }) {
  const [user, setUser] = useState()

  useEffect(() => {
    supabase.from('users').select('*').eq('id', userId).single().then(({ data }) => {
      setUser(data)
    })
  }, [userId])

  return <h2>{user.name}</h2>
}
```

## Ce que j'ai deja essaye
- Verifier que userId n'est pas undefined
- console.log(user) -> affiche undefined au premier render

Explique-moi le probleme avant de proposer une correction.

Tu es mon partenaire de debug. Mon composant UserCard ne s'affiche pas correctement.

Au lieu de me donner la solution directement, pose-moi 5 questions diagnostiques
pour m'aider a trouver le bug moi-meme.

Voici mon code :
```tsx
[ton code]
```

L'IA va te demander :
1. "Que renvoie console.log(user) juste avant le return ?"
2. "Est-ce que useEffect a la bonne dependance ?"
3. "A quel moment setUser est appele ?"
4. etc.

# Prompt 1 : Explication simple
Explique-moi cette erreur comme si j'etais un debutant :
[coller l'erreur]

# Prompt 2 : Diagnostic complet
[coller le template de la section 4.2]

# Prompt 3 : Prevention
J'ai corrige ce bug : [description].
Comment eviter ce type d'erreur a l'avenir ?
Propose un pattern ou une regle ESLint qui l'aurait detecte.