import * as React from 'react';
 
import { useLazyload } from 'use-lazyload';
 
const options: IObserverOptions = {
  root: null,
  rootMargin: "0px",
  thresholds: [0.0],
};
 
const onIntersectCallback = async () => {
  //...fetch items
}
 
const Example = () => {
  const [element, setElement] = useLazyload(onIntersectCallback, options);
  return (
    <div>
      {...items.map(
        //...
      )}
      {
        <div ref={setElement}>{isLoading}</div>
      }
    </div>
  )
}