Add infinite query option to not fetch all pages when refetching

[rossmartin]

We have successfully integrated infinite queries in a react native app and it is working well. Thank you for all of the work on this. We're using FlashList and the pull to refresh (PTR) functionality with it.

One issue we have is that when you do a PTR and do a refetch, all pages are being fetched. We found out that this is the intended behavior:

https://redux-toolkit.js.org/rtk-query/usage/infinite-queries#refetching

RTK Query will try to sequentially refetch all pages currently in the cache

This issue here also explains the situation - Infinite query always refetch all pages. The workaround is to clear the query pages/pageParams before doing the refetch.

We understand that this behavior is modeled after react query. It would be awesome if there is a way to opt out of this behavior via an option though. Maybe an option named refetchCachedPages or something like that.

Let's say you're building/using an Instagram like app. If you scroll down and get 30 pages of data and then do a PTR - it doesn't make sense to re-request those existing 30 pages of data just to get the latest page of data. You really only want 1 request to get the latest data. If the user wants to see more content they can scroll down and fetch more data when needed.

[rossmartin]

Opened this PR here to add a refetchCachedPages option - #5016