estoy haciendo un programa de gestión academica, y mi lider quiere que cada vez que se haga un petición al back, este token se refresque. Tengo mi problema el cual es, que mi useEffect se está renderizando infinitamente. Aqui dejo el codigo por si pueden ayudar. Mil gracias!!!!
import { useEffect, useState } from "react";
import { Permission } from "../interfaces/Permission";
import { getAllPermissions } from "../helpers/getAllPermissions";
import { useContext } from "react";
import { AuthContext } from "../../login/context/AuthContext";
export const usePermissions = () => {
const [permissions, setPermissions] = useState<null | Permission[]>(null);
const { user, setUser } = useContext(AuthContext);
useEffect(() => {
if (user) {
getAllPermissions(user.token)
.then((data) => {
setUser((newUser) => {
if (!newUser) {
return null;
}
return { ...newUser, token: data.token };
});
return data.data;
})
.then((data) => setPermissions(data))
.catch((err) => console.log(err));
}
}, [user, setUser]);
console.log(user);
return permissions;
};
Espero me puedan ayudar, muchas de antemano nuevamente!!