I need a urgent help with this

[Jassi10000-zz]

const makeAPICall = () => {
    projectsApi.getArchivedProjects()
      .then((res) => {
        const projectArr = [];
        res.archivedProjects.map((projectId,index) => {         
          projectsApi.get(projectId)
            .then((response) => {
                projectArr.push({
                id: response.data.id,
                project_name: response.data.name,
                dueDate: response.data.dueDate,
                createdAt: response.data.createdAt,
                status: response.data.status
              })
              if(index === res.archivedProjects.length-1){
                setProject(projectArr);
              }
            })
        })
        setTotalProjects(res.archivedProjects.length);
        setApiSuccess(true);
      })
  };

I want to convert this using React Query
I have learnt useMutation , but only one API call being made , also we can't access the response that we get from the API call
Can somene help me with this ?

[Birkbjo]

I have learnt useMutation , but only one API call being made

Not sure what you mean with this, looks like you are doing GET-requests, which should only need queries. Mutation are meant for PUT/POST/PATCH-requests, where you change data.

Note, I haven't tested anything and there can be typos - but it should get you started:

const { data: archivedProjects, isSuccess } = useQuery(
    ['archivedProjects'],
    projectsApi.getArchivedProjects
)

const projectQueries = archivedProjects?.map((projectId) => ({
    queryKey: ['project', projectId],
    queryFn: () => projectsApi.get(projectId),
    select: (data) => ({
        project_name: data.name,
        dueDate: data.dueDate,
        createdAt: data.createdAt,
        status: data.status,
    }),
}))

const totalProjects = archivedProjects?.length
const projectResults = useQueries({ queries: projectQueries })


const allSuccess = projectResults.every(({ isSuccess }) => isSuccess)
const firstError = !allSuccess && projectResults.find({ error }) => error)

const project = allSuccess ? projectResults.map(query => project.data) : null

[Jassi10000-zz]

Thanks , I made some lil changes according to my requiredments and it worked
Thanks man !!! 😎