title: multiple Swiper Thumb carousel navigation does not work
body: <p>I am very new in React. I have multiple Swiper Thumb caroucels in one page.
  also I have two filtered elements in my code which I want to show on display.my first carousel works perfectly in at first filtered item, but second one's navigation does not work, when I click, nothing happens.</p>
  <pre><code> const [thumbsSwiper, setThumbsSwiper] = useState(null);
   const [thumbsSwiper1, setThumbsSwiper1] =useState(null) 
  
                             this one works perfectly
  
                             &lt;Swiper
                                style={{
                                 &quot;--swiper-navigation-color&quot;: &quot;#fff&quot;,
                                 &quot;--swiper-pagination-color&quot;: &quot;#fff&quot;,
                               }}
                               spaceBetween={10}
                               navigation={false}
                               thumbs={{ swiper: thumbsSwiper }}
                               modules={[FreeMode, Navigation, Thumbs]}
                               className=&quot;mySwiper2&quot;
                             &gt;
                                 {movie.images.map((item,index)=&gt;{
                                   return (
                                     &lt;SwiperSlide key={index} &gt;
                                     &lt;img src={`http://.../${item}`} /&gt;
                                     &lt;/SwiperSlide&gt;
                                   )
                                 })}
                             &lt;/Swiper&gt;
                             &lt;Swiper
                                 onSwiper={setThumbsSwiper}
                                 spaceBetween={10}
                                 slidesPerView={movie.images.length}
                                 freeMode={true}
                                 simulateTouch =  {true}
                                 watchSlidesProgress={true}
                                 modules={[FreeMode, Navigation, Thumbs]}
                                 className=&quot;mySwiper&quot;
                               &gt;
                                {movie.images.map((item,index)=&gt;{
                                   return (
                                     &lt;SwiperSlide key={index}  &gt;
                                     &lt;img  src={`http://.../${item}`} /&gt;
                                     &lt;/SwiperSlide&gt;
                                   )
                                 })}
                               &lt;/Swiper&gt;
  </code></pre>
  <p>this one does not work, it is multiple array inside it and maybe this is a reason</p>
  <pre><code>   &lt;Swiper
      style={{
       &quot;--swiper-navigation-color&quot;: &quot;#fff&quot;,
      &quot;--swiper-pagination-color&quot;: &quot;#fff&quot;,
      }}
        spaceBetween={10}
        navigation={false}
          thumbs={{ swiper: thumbsSwiper1 }}
       modules={[FreeMode, Navigation, Thumbs]}
         className=&quot;mySwiper2&quot;
            &gt;
          {item.images.map((item,index)=&gt;{
         return (
          &lt;SwiperSlide key={index} &gt;
            &lt;img  src={`http://apicity.cgroup.ge/${item}`} /&gt;
          &lt;/SwiperSlide&gt;
                )
             })}
  
  
       &lt;/Swiper&gt;
           &lt;Swiper
           onSwiper={setThumbsSwiper1}
            spaceBetween={10}
            slidesPerView={item.images.length}
           freeMode={true}
            watchSlidesProgress={true}
           modules={[FreeMode, Navigation, Thumbs]}
            className=&quot;mySwiper&quot;
              &gt;
            {item.images.map((item,index)=&gt;{
              return (
              &lt;SwiperSlide key={index}&gt;
              &lt;img  src={`http://apicity.cgroup.ge/${item}`}/&gt;
              &lt;/SwiperSlide&gt;
              )
            })}    
       &lt;/Swiper&gt;
  </code></pre>
  <p>I thought I should change classes but it still does not worked, then I tried  to change some property but still same result. help please</p>