Erro React: «Can't perform a React state update on an unmounted component» em TypeScript
Olá! Estou escrevendo uma aplicação React em TypeScript usando Lodash. Tenho um componente que carrega dados do servidor ao montar e os exibe. Tudo funciona, mas no console aparece constantemente o aviso: «Can't perform a React state update on an unmounted component». Isso acontece quando o usuário navega rapidamente entre páginas.
Aqui está o código simplificado do meu 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.
Faça login para deixar uma resposta