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!!!!

Espero me puedan ayudar, muchas de antemano nuevamente!!

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;
};