Recibiendo el siguiente mensaje (común) en mi consola:
Advertencia: no se puede realizar una actualización de estado de React en un componente desmontado. Esto no es operativo, pero indica una pérdida de memoria en su aplicación. Para solucionarlo, cancele todas las suscripciones y tareas asincrónicas en una función de limpieza useEffect.
Esta es una pregunta común, lo sé, he estado tratando de averiguar dónde está mi problema específico. A continuación se muestra el código original (con el error), así como mi intento de solución (no funcionó, pero hizo feliz a es-lint).
setData es un gancho de estado, si eso no estaba claro.
Codigo original:
useEffect(() => { if (!isExisting) { const fetchData = async () => { const response = await refreshData(); setData(response); }; fetchData(); // eslint-disable-next-line react-hooks/exhaustive-deps } }, []);Intento de arreglo:
useEffect(() => { if (!isExisting) { const fetchData = async () => { const response = await refreshData(); setData(response); }; fetchData(); // eslint-disable-next-line react-hooks/exhaustive-deps } }, [isExisting, refreshData]);