Skip to Content
FrontendHooksuseInfiniteList

useInfiniteList

Use when: you need infinite scroll (page or cursor).
Guarantee: returns a flattened list + hasNextPage with a single fetchNextPage().

// example shape type Params = { q?: string; pageSize?: number }; function useInfiniteList<T>( key: unknown[], fetchPage: ( p: Params & { page?: number; cursor?: string } ) => Promise<PageResult<T>>, params: Params ) { // wraps React Query's useInfiniteQuery and returns { items, hasNextPage, fetchNextPage, isFetching } }
Last updated on