Support using queryOptions in useInfiniteQuery

[dora1998]

queryOptions API is a good way to write queryKey and queryFn in the same place.
However, we cannot define properties for infinite query, such as initialPageParam, getNextPageParam, in queryOptions argument.

// we can do this
export const contactDetailQuery = (id: string) =>
  queryOptions({
    queryKey: ['contacts', 'detail', id],
    queryFn: async () => getContact(id),
  })

// but we can't...
export const contactListQuery = (id: string) =>
  queryOptions({
    queryKey: ['contacts', 'list'],
    queryFn: async ({ pageParam }) => getContactList(pageParam),
    initialPageParam: 0,
    getNextPageParam: (lastPage, pages) => lastPage.nextCursor,
  })

I'm happy if queryOptions API also supports useInfiniteQuery 😄

[Semigradsky]

@dora1998 We have infiniteQueryOptions for this - https://tanstack.com/query/latest/docs/framework/react/reference/infiniteQueryOptions#infinitequeryoptions

[Semigradsky]

But not described in TS section https://tanstack.com/query/latest/docs/framework/react/typescript#typing-query-options ...

[dora1998]

Oh I missed it! Thank you 👍
I also thought that we can join infiniteQueryOptions to queryOptions by using function overload, such as useQuery.

[Semigradsky]

But would be nice to have the same for useMutation... mutationOptions?