Getting error in useGetPosts.

[aak-301]

Since this Api was most crucial, so I wrote what was shown in video. But sill I was getting this. I tried the doc. But wasn't able to figure out, where I was wrong. Can anyone help me with this.

This is in src>lib>react-queries>queries.ts

export const useGetPosts = () => { return useInfiniteQuery({ queryKey: [QUERY_KEYS.GET_INFINITE_POSTS], queryFn: getInfinitePosts, getNextPageParam: (lastPage) => { // If there's no data, there are no more pages. if (lastPage && lastPage.documents.length === 0) { return null; }
// Use the $id of the last document as the cursor. const lastId = lastPage?.documents[lastPage.documents.length - 1].$id; return lastId; }, }); };

The error message from vercel:

[s3xmaxman]

 export const useGetPosts = () => {
  return useInfiniteQuery({
    queryKey: [QUERY_KEYS.GET_INFINITE_POSTS],
    queryFn: getInfinitePosts as any,
    getNextPageParam: (lastPage: any) => {
      if (lastPage && lastPage.documents.length === 0) {
        return null;
      }
      const lastId = (lastPage.documents[lastPage.documents.length - 1].$id);
      return lastId;
    },
    initialPageParam: null,
  });
}

If you pass null to initialPageParam, the error should disappear

[yung-slime]

@s3xmaxman could you explain why it is so? just want to know.

[s3xmaxman]

@yung-slime In useInfiniteQuery, you can specify page parameters for pagination. Normally you would specify some value for the initial page. In most cases, the initial page can be fetched without any parameters, so you specify null. By doing so, no parameters will be passed to queryFn on the first query execution. On subsequent paging, the return value of getNextPageParam will be used as the page parameter.

[yung-slime]

you @s3xmaxman see how much it could help if you read the docs carefully.