Estoy realizando un inicio de sesión en Firebase usando el correo electrónico y la contraseña tomados del gancho useState. Cada vez que inicio sesión, me sale este error:

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.

Aquí está mi código:

1. Gancho de inicio de sesión

 const login = async (email, password) => { setError(null) setLoading(true) const unsub = await signInWithEmailAndPassword(auth, email, password) .then(res => { dispatch({ type: "LOGIN", payload: res.user }) console.log(res.user) }).catch(error => { console.log(error) setError(error.message) }) setLoading(false) return () => unsub() } return { error, loading, login }

2. Componente de inicio de sesión

 export default function Login() { const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const {login, error, loading} = useLogin(); const handleSubmit = (e) => { e.preventDefault(); login(email,password) }

En la consola, muestra un error en el componente de inicio de sesión aquí: const [email, setEmail] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("");