Lazy Load on Array of Images issue

I am having trouble doing the lazy load on an array of images. It seems to just load my whole array at first instead of it one by one.

```react
const gallery = images.map((obj, i) => {
return (



);
});

```
Is there a way to resolve my issue?

Start by reproducing the issue with the mapped gallery and the LazyLoad wrapper shown in the report. Trace how the component handles multiple children and viewport entry, then verify that images load individually as they enter the viewport rather than all at initial render.

Written by the indexing model from the issue text.