Erreur React : « Can't perform a React state update on an unmounted component » en TypeScript
Bonjour ! J'écris une application React en TypeScript avec Lodash. J'ai un composant qui charge des données depuis le serveur lors du montage et les affiche. Tout fonctionne, mais un avertissement apparaît constamment dans la console : « Can't perform a React state update on an unmounted component ». Cela se produit lorsque l'utilisateur bascule rapidement entre les pages.
Voici le code simplifié de mon composant :
```typescript
import React, { useState, useEffect } from 'react';
import { debounce } from 'lodash';
interface UserData {
id: number;
name: string;
}
const UserProfile: React.FC<{ userId: number }> = ({ userId }) => {
const [user, setUser] = useState(null);
const [loading, setLoading] = useState(true);
useEffect(() => {
const fetchUser = async () => {
setLoading(true);
try {
const response = await fetch(`/api/users/${userId}`);
const data: UserData = await response.json();
setUser(data);