Questions about useInfiniteQuery

[vancepatual]

Hi 👋,

Been playing around with useInfiniteQuery there are some things that I wanted confirmation on the behavior I observed which I found perplexing. I cannot seem to find it in the docs or I must have missed it. Perhaps it can be answered here?

fetchPreviousPage

• My Expectation

  • Goes back previous page or behaves similar to fetchNextPage where it appends at the end but re-arrange the data

• Observation

  • Appends right before index 0 in page array

fetchNextPage (No question with this one I think that make sense just leaving it here for reference)

• Observation
  • Appends right at the end in the page array

Calling fetchPreviousPage or fetchNextPage

• My Expectation

  • Check cache then if it exist return that, else call the endpoint

• Observation

  • Calls the endpoint no matter what

Calling refetch

• My Expectation

  • Refetch what is active

• Observation

  • Calls all endpoint

Are this behavior expected? Is the expectation that if we want to check cache first before calling the endpoint we create a wrapper around fetchNextPage or fetchPreviousPage to check the InfiniteData and do manual stitching right there?

Or is there an option I'm not aware of, for context been reading this https://tanstack.com/query/latest/docs/framework/react/guides/infinite-queries#infinite-queries
https://tanstack.com/query/latest/docs/framework/react/examples/infinite-query-with-max-pages

Here is a modified example
https://stackblitz.com/edit/tanstack-query-r6sfp6nw?file=src%2Fpages%2Findex.tsx&preset=node

[vancepatual]

Been searching in the Discussions since I got no answer perhaps my question was a bit vague sorry for that.

This somewhat answered it for me. It seems we do need to do custom implementation to not call the endpoint.
#5692
#3576 (reply in thread)

For the fetchPreviousPage turns out it is explained in the doc https://tanstack.com/query/latest/docs/framework/react/guides/infinite-queries#what-if-i-want-to-implement-a-bi-directional-infinite-list