React component creates new component on scroll causing it to call server infinitely

Question

The issue that I experience on React is the following: I have a div which contains some data.

This div can get really large and I want to hide it on scroll down so t