Greetings everyone i am having trouble with the useInfiniteQuery function, the errors says No overload matches this call, please help me out

React
1

Screenshot (2)
Screenshot (2)1920×1080 283 KB

1 Like
2

i get rid of the whole error by adding a curly bracise after the arrow function of the queryFn but the i got a new error in the queryFn itselft please if you found any solutions tell me

3

Same problem in the same file and still have not found any solution. If you guys solve this issue then please tell me how do you resolve that?

4

i had the same issue, wouldnt build on vercel, turns out the parameter initialPageParam is a requirement for the function useInfiniteQuery

const useGames = (gameQuery: GameQuery) =>
  useInfiniteQuery<FetchResponse<Game>, Error>({
    queryKey: ["games", gameQuery],
    queryFn: ({ pageParam = 1 }) =>
      apiClient.getAll({
        params: {
          genres: gameQuery.genreId,
          parent_platforms: gameQuery.platformId,
          ordering: gameQuery.sortOrder,
          search: gameQuery.searchText,
          page: pageParam,
        },
      }),
    getNextPageParam: (lastPage, allPages) => {
      return lastPage.next ? allPages.length + 1 : undefined;
    },
    initialPageParam: 1, //THIS LINE HERE!
    staleTime: 24 * 60 * 60 * 1000, //24h
  });

set the parameter to 1 like above and poof all bugs gone