How can i start looping through json after all the data is received not to break swiper size?

Question

I am using Swiper React to create a slide. I loop through the json data to create slider elements. I think because i asynchronously pull the data, it messes up the sliders s