How to properly type the select function for infinite queries?

[todor-a]

Hey. I'm having trouble creating a wrapper around a query that accepts a select function.

I've setup a reproduction here. The problem is that the type of select is not being inferred properly.

[TkDodo]

select can’t be typed with ReturnType, because that will give you:

(property) select?: ((data: InfiniteData<{
    results: Todo[];
    nextSkip?: number;
}, number>) => InfiniteData<{
    results: Todo[];
    nextSkip?: number;
}, unknown>) | undefined

which means the type you have to return from select needs to be the same as the one the queryFn returns. You need to:

• either make useTodos generic (ts playground)
• remove the useTodos abstraction and just inline the query options (ts playground)

I prefer the second approach because it’s way simpler and one of the reasons we introduced queryOptions as the main abstraction for your queries is that it makes things like this easier to use.

[todor-a]

Thanks, @TkDodo.