useGetProjectList.tsx

import { getProjectList } from "@/api/cubicweb";
import { Project } from "@/types";
import { useState, useEffect } from "react";

export function useGetProjectList() {
  const [loading, setLoading] = useState(true);
  const [data, setData] = useState<Array<Project> | undefined>(undefined);

  useEffect(() => {
    setLoading(true);
    getProjectList().then((result) => {
      console.log(result);
      setLoading(false);
      setData(result);
    });
  }, []);
  return { loading, data };
}