Mi aplicación funcionaba bien y de repente recibí este error.
Error: llamada de gancho no válida. Los ganchos solo se pueden llamar dentro del cuerpo de un componente de función. Esto podría suceder por una de las siguientes razones:
Es posible que tenga versiones que no coincidan de React y el renderizador (como React DOM)
Podrías estar rompiendo las Reglas de los Hooks
Es posible que tenga más de una copia de React en la misma aplicación Consulte https://reactjs.org/link/invalid-hook-call para obtener consejos sobre cómo depurar y solucionar este problema.
import { useContext } from "react"; import jwtDecode from "jwt-decode"; import AuthContext from "./context"; import authStorage from "./storage"; const useAuth = () => { const { user, setUser } = useContext(AuthContext); const logIn = (authToken) => { const user = jwtDecode(authToken); setUser(user); authStorage.storeToken(authToken); }; const logOut = () => { setUser(null); authStorage.removeToken(); }; return { user, logIn, logOut }; }; export default useAuth;Todo se ve bien. excepto tal vez en realidad importando React
import React, { useContext } from "react";Sé que no necesita esto para React de React 17, pero no hay una declaración oficial de React Native que diga que usan el nuevo compilador JSX que no requiere la declaración de importación.
también verifique el archivo AuthContext que importó