Блог

Я использую swiper.js в NextJS, но я продолжаю вставлять это <div class="swiper-wrapper" style="height: 308px;"></div> в свой контейнер для свайпера два раза, из-за чего у меня есть div высотой 308 пикселей ни за что.

это моя конфигурация swiperjs

   <Swiper
            slidesPerView={"auto"}
            spaceBetween={30}
            autoHeight
            freeMode={true}
            freeModeSticky
            watchSlidesVisibility={true}
            preloadImages={false}
            resizeObserver={true}
            lazy={true}
          >
            <div className="swiper-wrapper">
              {data.map((data: data) => (
                <Card
                  data={data}
                  swiper
                  key={data.id}
                />
              ))}
            </div>
          </Swiper>
 

и мой родитель-визитка заворачивает его вот так

 <SwiperSlide virtualIndex={data.id} className={`${outderdiv}`}></div>
 

кто-нибудь знает, как удалить первый странный div, который ничего не показывает?

thx заранее