How would you implement an infinite scrollable column, where pages are refetched as you scroll up or down?

[amorijs]

Hi all, I'm struggling to figure out how to integrate TQ correctly for my use case.

I want a scrollable column of items, where pages continue to be fetched as you scroll down. But, I also want to refetch pages as you scroll back up (and back down). This column can theoretically become very large the more you scroll down.

My initial thought, was to use useInfiniteQuery, but from my understanding, the refetchPage option was removed in v5. I don't want to invalidate the entire query because again, there can be a lot of pages, and I'd rather not refetch pages that "don't matter".

My current idea is to go ahead with useInfiniteQuery, and just remove pages as you scroll. So whatever the current page is, always keep the previous page and the next page, and remove any other pages. Then as you scroll up/down, use fetchPreviousPage or fetchNextPage.

Does this seem like the best approach? I'd appreciate any input. No need to respond with code snippets or anything, just the theory is good enough!

[amorijs]

Sorry, just read more on the maxPages option. Going to experiment with that to see if I can solve this!