Бесконечный скроллинг списка публикаций

В приложении, которое выводит список публикаций, требуется реализовать механизм бесконечной прокрутки: при достижении нижней части списка автоматически запрашиваются новые записи и добавляются к уже отображаемым.

const createPosts = () => {
  return Array(10)
    .fill(null)
    .map((_, idx) => {
      return { title: `Post-${idx}`, id: Math.random() * 10000 };
    });
};

function Feed() {
  const [items, setItems] = useState<Post[]>(createPosts());

  return (
    <div className="app">
      {items.map((item) => (
        <div className="post" key={item.id}>
          {item.title}
        </div>
      ))}
    </div>
  );
}