Botón Iniciar sesión, cuando hago clic en él, se conecta a Azure, inicia sesión y devuelve el correo electrónico de la persona que inició sesión. El objetivo es actualizar el estado de "permiso", ya hice console.log pero no lo hace t actualiza pero imprime el tipo de usuario "admin".
function handleLogin(instance) { instance.loginPopup(loginRequest).catch(e => { console.error(e); }); } /*Renders a button which, when selected, will open a popup for login*/ export const SignInButton = ({name, nameChange, user}) => { const url = "http://localhost:5000/flask/verify"; const [permission, setPermision] = useState({val : "null"}); useEffect(() => { Axios.post(url, { correo : user, }) .then((res)=>{ console.log("response: ", res.data); setPermision({val : res.data}); }) .catch((error) => { console.log(error); }); }, [user]) const { instance } = useMsal(); console.log('permission:', permission); return ( <button className="btn" type="button" onClick={() => {handleLogin(instance);}}>SignIn</button> ); }