Estrutura HTML

intersection-observer-ex1.tsx

function App() {
  const loadingElementRef = useRef<HTMLDivElement>(null);

  // Restante do código

  return (
    <main className="app">
      <div className="list">
        {data.map(item => (
          <div key={item.id} className="item">{`Item ${item.id + 1}`}</div>
        ))}
       <div ref={loadingElementRef}></div>
      </div>
    </main>
  );
}