data from multiple endpoints

I built data from two different endpoint with one single queryKey. Is there a better pattern? Thanks

const fetch= async () => {
  const { data1, error } = await axios .... 
  const { data2, error: err } = await await axios .... 
   if (error) {
    throw new Error(error.message)
  }
  if (err) {
    throw new Error(err.message)
  }
  return { ...data1, ...data2 }
}

export function useProject() {
  return useQuery([cacheKey, projectId], () => fetch())
}

const fetch= async () => {
  const { data1, error } = await axios .... 
  const { data2, error: err } = await await axios .... 
   if (error) {
    throw new Error(error.message)
  }
  if (err) {
    throw new Error(err.message)
  }
  return { ...data1, ...data2 }
}

export function useProject() {
  return useQuery([cacheKey, projectId], () => fetch())
}

TanStack•4y ago•

2 replies

primary-violet

data from multiple endpoints

I built data from two different endpoint with one single queryKey. Is there a better pattern? Thanks

const fetch= async () => {
  const { data1, error } = await axios .... 
  const { data2, error: err } = await await axios .... 
   if (error) {
    throw new Error(error.message)
  }
  if (err) {
    throw new Error(err.message)
  }
  return { ...data1, ...data2 }
}

export function useProject() {
  return useQuery([cacheKey, projectId], () => fetch())
}

const fetch= async () => {
  const { data1, error } = await axios .... 
  const { data2, error: err } = await await axios .... 
   if (error) {
    throw new Error(error.message)
  }
  if (err) {
    throw new Error(err.message)
  }
  return { ...data1, ...data2 }
}

export function useProject() {
  return useQuery([cacheKey, projectId], () => fetch())
}

data from multiple endpoints

Similar Threads

data from multiple endpoints

Similar Threads

Similar Threads

Similar Threads