useEffect IntersectionObserver

intersection-observer-ex2.tsx

useEffect(() => {
  const observer = new IntersectionObserver(
    (entries: IntersectionObserverEntry[]) => {
      // Função responsável por carregar mais itens
    },
    {
      root: null,
      rootMargin: '0px',
      threshold: 0
    });

  if (loadingElementRef && loadingElementRef.current) {
    observer.observe(loadingElementRef.current);
  }

  return () => observer.disconnect();
}, [loadingElementRef, loadItems]);