Using UseQuery with query params does not get new data after refetch

Hey friends after countless of debugging, I found that I'm not getting new data from the useQuery hook with query params with using Axios for the api fetching

Here's currently the implementation

const fetchAllReports = async (
  params: FetchAllReportsParams = {
    limit: 10,
  },
) => {
  const { data } = await client.get<ReportHistoryData[]>(`${BASE_URL}/my/api/endpoint`, {
    params,
  });

  return data;
};

export const useFetchAllReports = (
  params?: Filter[],
  config?: UseQueryOptions<ReportHistoryData[], Error>,
) => {

 // Just returns a list of objects that has key and value 
  const filters = filtersToQueryParams(params);


  return useQuery({
    queryKey: ['reports-history', Object.values(filters)],
    queryFn: () => fetchAllReports(filters),
    ...config,
  });
};

const fetchAllReports = async (
  params: FetchAllReportsParams = {
    limit: 10,
  },
) => {
  const { data } = await client.get<ReportHistoryData[]>(`${BASE_URL}/my/api/endpoint`, {
    params,
  });

  return data;
};

export const useFetchAllReports = (
  params?: Filter[],
  config?: UseQueryOptions<ReportHistoryData[], Error>,
) => {

 // Just returns a list of objects that has key and value 
  const filters = filtersToQueryParams(params);


  return useQuery({
    queryKey: ['reports-history', Object.values(filters)],
    queryFn: () => fetchAllReports(filters),
    ...config,
  });
};

TanStack•3y ago•

10 replies

absent-indigo

Using UseQuery with query params does not get new data after refetch

Hey friends after countless of debugging, I found that I'm not getting new data from the useQuery hook with query params with using Axios for the api fetching

Here's currently the implementation

const fetchAllReports = async (
  params: FetchAllReportsParams = {
    limit: 10,
  },
) => {
  const { data } = await client.get<ReportHistoryData[]>(`${BASE_URL}/my/api/endpoint`, {
    params,
  });

  return data;
};

export const useFetchAllReports = (
  params?: Filter[],
  config?: UseQueryOptions<ReportHistoryData[], Error>,
) => {

 // Just returns a list of objects that has key and value 
  const filters = filtersToQueryParams(params);


  return useQuery({
    queryKey: ['reports-history', Object.values(filters)],
    queryFn: () => fetchAllReports(filters),
    ...config,
  });
};

const fetchAllReports = async (
  params: FetchAllReportsParams = {
    limit: 10,
  },
) => {
  const { data } = await client.get<ReportHistoryData[]>(`${BASE_URL}/my/api/endpoint`, {
    params,
  });

  return data;
};

export const useFetchAllReports = (
  params?: Filter[],
  config?: UseQueryOptions<ReportHistoryData[], Error>,
) => {

 // Just returns a list of objects that has key and value 
  const filters = filtersToQueryParams(params);


  return useQuery({
    queryKey: ['reports-history', Object.values(filters)],
    queryFn: () => fetchAllReports(filters),
    ...config,
  });
};

Using UseQuery with query params does not get new data after refetch

Similar Threads

Using UseQuery with query params does not get new data after refetch

Similar Threads

Similar Threads

Similar Threads