`useInfiniteQuery` stalls at 'pending' status in NextJS App

export const useGetLodgesInfinite = (payload?: LodgeService.GetLodgesPayload) => {
  return useInfiniteQuery({
    initialPageParam: 1,
    queryKey: ["getLodges", payload],
    queryFn: async ({ pageParam }) => {
      // const _payload = {
      //   ...payload,
      //   page: pageParam,
      //   perPage: 10
      // }
      //
      // const fetchResult = await LodgeService
      //   .getLodges(_payload)
      //
      // if (fetchResult.isErr)
      //   throw new Error(fetchResult.error)
      //
      // return fetchResult.value

      return {
        data: [],
        meta: {
          total: 1,
          perPage: 10,
          page: pageParam
        }
      }
    },
    getNextPageParam: (lastPage) => {
      if (lastPage.meta.total / lastPage.meta.perPage <= lastPage.meta.page)
        return lastPage.meta.page + 1
    },
    getPreviousPageParam: (firstPage) => {
      if (firstPage.meta.page > 1)
        return firstPage.meta.page - 1
    }
  })
}