useInfiniteQuery Hook

fetchNextPage

getNextPageParam

fetchPreviousPage

getPreviousPageParam

const {
        data,
        fetchNextPage,
        fetchPreviousPage,
        error,
        isPending,
        isFetchingNextPage,
        isFetchingPreviousPage,
        hasPreviousPage,
        hasNextPage,
    } = useInfiniteQuery({
        queryKey: ['projects'],
        queryFn: ({ pageParam = 1 }) => {
            return hostFetch(/user/search, {
                method: 'POST',
                query: {
                    page: pageParam,
                    limit: 20,
                    // order_by: 'id__',
                    sort: 'DESC',
                },
                headers: {
                    Authorization: Bearer ${AuthToken()},
                },
                body: {
                    payload: {
                        status: 'active',
                    },
                },
            });
        },
        initialPageParam: 0,
        getNextPageParam: (lastPage, allPages, lastPageParam) => {
            if (lastPage.data.length === 0) {
                return undefined;
            }
            return lastPageParam + 1;
        },
        getPreviousPageParam: (
            firstPage,
            allPages,
            firstPageParam,
            pageParam
        ) => {
            if (firstPageParam <= 1) {
                return undefined;
            }
            return pageParam.length - 1;
        },
    });