Unable to Fetch All Pages Simultaneously with useInfiniteQuery

[amjadbouhouch]

Describe the bug

I am trying to fetch all pages simultaneously using useInfiniteQuery because I know the total pages in advance, but it doesn't work as expected.

In the Network Tab all the requests are fired as I expected. But The data from useInfiniteQuery contains only two pages the first page & the last page.

Your minimal, reproducible example

https://codesandbox.io/s/unable-to-fetch-all-pages-simultaneously-with-useinfinitequery-n74mw4?file=/src/App.js

Steps to reproduce

1. Open the ReactQueryDevtools
2. Open Data Explorer

Expected behavior

As a user, I expected to fetch multiple pages simultaneously using useInfiniteQuery by calling fetchNextPage({pageParam})

How often does this bug happen?

Every time

Screenshots or Videos

Platform

• Browser: Chrome

Tanstack Query adapter

react-query

TanStack Query version

4.36.1

TypeScript version

No response

Additional context

No response

[amjadbouhouch]

Closing #5583