custom hook for retrieving investment details

gistfile1.txt

export const useInvestmentDetails = (id) => {
  const [currentInvestment, setCurrentInvestment] = useState([]);
  const token = selectToken;

  const [loading, setLoading] = useState(false);
  const [error, setError] = useState(null);
  const fetchInvestmentDetails = useCallback(() => {
    const fetcInvestmentData = async () => {
      const req = async () => {
        try {
          setLoading(true);
          const { data } = await axiosWithAuth(token).get(
            `api/v1/treasury/investments/${id}?include=source, beneficiary`
          );
          setCurrentInvestment(data.data.investment);
        } catch ({ response }) {
          setError(response);
          if (error.response.status === 401) {
            logout();
          }
        } finally {
          setLoading(false);
        }
      };
      req();
    };
    fetcInvestmentData();
  }, [id, token]);

  useEffect(() => {
    fetchInvestmentDetails();
  }, [fetchInvestmentDetails]);
  return [currentInvestment, fetchInvestmentDetails, loading, error];
};