soy principiante en reaccionar, necesito proteger una página con mi inicio de sesión, pero esto no funciona, este es el error: TypeError no detectado: Auth_context__WEBPACK_IMPORTED_MODULE_1 _.useAuth() es nulo aquí está mi código...

 import { useState, useCallback} from "react"; import { useNavigate } from "react-router-dom"; import { useAuth } from "./Auth.context"; const Login = () => { const [username, setUsername] = useState(""); const { setUser } = useAuth(); const navigate = useNavigate(); const login = useCallback((e) => { e.preventDefault(); setUser({ username }); navigate("/home"); }, [setUser, username]); return( <div> <h1>Inicie sesion</h1> <form onSubmit={login}> <input value={username} onChange={(e) => setUsername(e.target.value)} placeholder="Escriba el nombre de usuario" /> <button type="submit">Login</button> </form> </div> ); }; export default Login