[react-query] Failed to infer type in useInfiniteQuery when queryFn placed below getNextPageParam

[bobkombat]

Hey!

I have this code that use useInfiniteQuery@^5.51.11, at first I wrongly put (don't know if it's expected) the queryFn below the getNextPageParam

const { data, isLoading, hasNextPage, fetchNextPage } = useInfiniteQuery({
//      ^? { data: InfiniteData<unknown, unknown>, ... }
    queryKey: ['get-data'],
    initialPageParam: 1,
    getNextPageParam: (lastPage, allPages) => {
    // the type here will also be inferred as unknown
      if (lastPage?.totalPage && lastPage.data.length < 50) return undefined;

      return allPages.length;
    },
    queryFn: ({ pageParam }) => getData(),
  });

and by using that order, the useInfiniteQuery will fail to infer the return type of queryFn alongside the other that need the type from queryFn

But if the order is "correct"

const { data, isLoading, hasNextPage, fetchNextPage } = useInfiniteQuery({
//      ^? { data: InfiniteData<TData, unknown>, ... }
    queryKey: ['get-data'],
    queryFn: ({ pageParam }) => getData(),
    initialPageParam: 1,
    getNextPageParam: (lastPage, allPages) => {
    //                 ^? (lastPage: TData, allPages: TData[])
      if (lastPage?.totalPage && lastPage.data.length < 50) return undefined;

      return allPages.length;
    },
  });

So my question is, is this expected that the placement of the options have to be in specific order in order to correctly have the return type of queryFn?

[TkDodo]

see:

• [react-query] Type Inference Bug When Defining getNextPageParam Before queryFn in useInfiniteQuery #8301

[bobkombat]

Thanks!