useInfiniteScroll

Load paginated data near the list end.

useInfiniteScroll.tsx

import { useInfiniteScroll } from "@cermuel/hooks/react";export function useInfiniteScrollExample() {  async function loadMore() { return ['next']; }  const loader = useInfiniteScroll(loadMore);  return <div ref={loader.ref}>{loader.loading ? "Loading" : "Ready"}</div>;}

Props

Param

Type

Default Value

loadMore

() => Promise<T[]>

options?

IntersectionObserverInit

{}

Returns

{ ref: import("react").RefObject<TElement | null>; items: T[]; loading: boolean; load: () => Promise<void>; }