Changing select() option's return type in useInfiniteQuery

[jeytii]

Is there any way to tell Typescript that I want to return data with the following format...

{
    users: [...]
}

Instead of this format?

{
    pages: [
        { users: [...], nextCursor: 1 },
        { users: [...], nextCursor: 2 },
        // ...
    ],
    pageParams: [...]
}

The following doesn't work as TS says the return type doesn't resemble with InfiniteData:

const { ... } = useInfiniteQuery<{ users: UserType[]; nextCursor?: number }>(
    'users',
    getUsers,
    {
        select(data): { users: UserType[] } {
            // ...

            return {
                users: [...]
            }
        }
    },
);

[TkDodo]

I think you need to return InfiniteData because otherwise, you'll break getNextPage. See also: #1537

[jeytii]

You mean like this?

select(data): InfiniteData<{ users: UserType[] }> {
    // ...

    return {
        users: [...]
    }
}

Already tried that, but TS would still tell me to return data that has the same format as the default InfiniteData type (with pages and pageParams properties).

[TkDodo]

No, i mean like in the issue:

useInfiniteQuery(['posts', variables], fetchPosts, {
  getNextPageParam: lastPage => lastPage.nextPage,
  select: data => ({ ...data, pages: data.pages.flatMap(page => page.posts) })
})

[jeytii]

That's not the format I want to return.

[TkDodo]

I think it’s what useInfiniteQuery needs in order to work.