frontend/hooks/useProjects.js

"use client";

import {useEffect,useState} from "react";
import * as project from "../services/projects/client";

export default function useProjects(){

const [projects,setProjects]=useState([]);
const [loading,setLoading]=useState(true);

async function refresh(){
setLoading(true);
try{
const data=await project.listProjects();
setProjects(data);
}finally{
setLoading(false);
}
}

useEffect(()=>{
refresh();
},[]);

return{
loading,
projects,
refresh,
...project
};

}