TypeScript error with useInfiniteQuery

[Edjevw12]

Updated react-query to the new types. Everything is working fine except useInfiniteQuery with key of array. Anyone know how to solve this one?

[wolverineks]

could you provide a working example on codesandbox.io?

[wolverineks]

a good starting point
https://codesandbox.io/s/react-query-starter-8i7vb?file=/src/App.tsx

[qkreltms]

@Edjevw12 You can refer my example code to provide working example : https://codesandbox.io/s/react-query-useinfinitequery-be62c

[qkreltms]

I think this is happening because of third parameter of generic TMoreVariableof useInfiniteQuery.
If you do not declare it, it passes type to queryFn as unknown type.

export type InfiniteQueryFunction<
  TResult,
  TKey extends AnyQueryKey,
  TMoreVariable
> = (
  ...keysAndMore: _.List.Append<TKey, TMoreVariable> | TKey
) => Promise<TResult>

Quick fix is define third generic type to any useInfiniteQuery<any, any, any, any>