Pagination for react-query

useGetTableData

import { useQuery } from "react-query";

const useGetTableData = () => {
  const queryKey = ["table", "data"];
  const queryFn = () =>
    new Promise((resolve) =>
      resolve({
        data: [],
        total: 100
      })
    );
    
  return useQuery(queryKey, queryFn, {
    keepPreviousData: true
  });
};


const UserTable = () => {
  const { isLoading, isPreviousData } = useGetTableData();
  const showSpinner = isLoading || isPreviousData;
  
  return <table></table>;
};