How can i add preloader for SwiperJS in REACT?

Question

Slides sometime coming late, and i want to use preloader for SwiperJS elements. But how can this in React ?

  <Swiper
      slidesPerView={1}
      spaceBetween={35}
      autoplay={{ delay: 5000 }}
      loop={true}
      loopFillGroupWithBlank={true}
      className="mySwiper my-3"
    >
      {carouselItems.map((carousels) => {
        return (
          <SwiperSlide key={carousels.id} >
            <div  className="main-carousel">
              <div className="carouselInner position-relative">
                <img
                  className="img-fluid carousel-image"
                  src={carousels.imgBASE}
                  alt="Loading"
               >
              </div>
            </div>
          </SwiperSlide>
        );
      })}
    </Swiper> ```