Lazy Load images is only visible after scroll..!!

Hi, I am running a React project where I am using Lazy Load module for my images. The scroll component is in Popup div.
But it is not working as expected in Scroll Component. Images are not loading until I scroll it a little bit. I tried searching but most answers is solved with Jquery, but I need help with ReactJS or Pure Javascript.

Can someone help me with this. Thanks