How to store total/count for paginated queries?

[march08]

Hi! Love the lib, one thing I cannot figure out is how to store the total object count which is necessary for the UI. We also need rendered pagination like so.

[prev] [1] [2] . . [8] [9] [next]

instead of just

[prev] [next]

example query

/api/cars?limit=100&offset=0

// returns 
{
  data: Car[],
  total: number
}

AFAIK the response from the async function should only return pure data otherwise things such as mutations won't work.

My suboptimal solution here is:

  const [total, setTotal] = React.useState(0);
  const [pagination, setPagination] = React.useState({ limit: 5, offset: 0, })


  const queryCars = useQuery(
    ['cars', pagination],
    (params) => {
      const { queryKey } = params;

      const [_q, search] = queryKey;

      // custom wrapper for fetch, returns Promise
      return fetchApi<{ data: Car[], total: number}>(
        `/api/cars`,
        {
          search,
        },
      ).then((response) => {
        setTotal(response.total)
        return response.data
      })
    }
  );

However this requires more work such as save total for a specific key (globaly).

Did i miss something in the documentation that would allow me to use something similar that would solve the total count problem? Thanks!

[march08]

Nevermind, I assumed the mutation automatically updates the query state.