Error React: «Can't perform a React state update on an unmounted component» en TypeScript
¡Hola! Estoy escribiendo una aplicación React en TypeScript usando Lodash. Tengo un componente que carga datos del servidor al montarse y los muestra. Todo funciona, pero en la consola aparece constantemente la advertencia: «Can't perform a React state update on an unmounted component». Esto ocurre cuando el usuario cambia rápidamente entre páginas.
Aquí está el código simplificado de mi componente:
```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);
No answers yet.
Inicia sesión para dejar una respuesta