Как реализовать бесконечную прокрутку (infinite scroll) в React?

Бесконечная прокрутка реализуется через Intersection Observer API: невидимый элемент-сентинел размещается в конце списка, и когда он появляется в viewport, подгружается следующая порция данных. Это эффективнее, чем слушать событие scroll, потому что Observer работает асинхронно и не блокирует main thread.