title: How to set initial active slide to different index in swiperjs ReactJS?
body: <p>I want to set the index of the swiper's active slide to the center position?
  <a href="https://i.stack.imgur.com/2nDnN.png" rel="nofollow noreferrer">As you can see in picture the active index is set to 0, I want it be number 3, i.e: middle and it should remain middle</a></p>
  <pre><code> &lt;Swiper
        grabCursor={true}
        spaceBetween={10}
        modules={[Navigation, Thumbs]}
        slidesPerView={7}
      //  activeSlideKey={3}
        slideActiveClass={styles.activeSlider}
      &gt;
        {options.map((option) =&gt; () =&gt; &lt;SwiperSlide key={option}&gt;{option}&lt;/SwiperSlide&gt;)}
      &lt;/Swiper&gt;
  </code></pre>
  <p>activeSlideKey is just for reference. It does not work.</p>