Infinite query invalidation: pages revalidate serially

I have an infinite query, which I'm attempting to invalidate. By default it invalidates all active pages, which is good. Unfortunately, it's loading them serially. So if I've scrolled down far enough to have loaded page 4, react-query is basically doing

await fetch("/data?page=1
await fetch("/data?page=2
await fetch("/data?page=3
await fetch("/data?page=4

await fetch("/data?page=1
await fetch("/data?page=2
await fetch("/data?page=3
await fetch("/data?page=4

is there any way to get this loading to happen in parallel, ie

await Promise.all([fetch("/data?page=1"), fetch(.....

await Promise.all([fetch("/data?page=1"), fetch(.....

Ideally I'd love for this to work with the

refetchPage

refetchPage

- ie, return true or false for page 0, have it start loading immediately if true, with

refetchPage

refetchPage

being called again for page 2, without waiting for page 1 to come back, etc.

TanStack•3y ago•

4 replies

sad-indigo

Infinite query invalidation: pages revalidate serially

await fetch("/data?page=1
await fetch("/data?page=2
await fetch("/data?page=3
await fetch("/data?page=4

await fetch("/data?page=1
await fetch("/data?page=2
await fetch("/data?page=3
await fetch("/data?page=4

is there any way to get this loading to happen in parallel, ie

await Promise.all([fetch("/data?page=1"), fetch(.....

await Promise.all([fetch("/data?page=1"), fetch(.....

Ideally I'd love for this to work with the

refetchPage

refetchPage

- ie, return true or false for page 0, have it start loading immediately if true, with

refetchPage

refetchPage

being called again for page 2, without waiting for page 1 to come back, etc.

Infinite query invalidation: pages revalidate serially

Similar Threads

Infinite query invalidation: pages revalidate serially

Similar Threads

Similar Threads

Similar Threads