title: React ID Swiper not working with fixed swiper-slide width, height and slidesPerView
body: <p>Setting fixed width, height for swiper-slides not working with SlidesPerView and spaceBetween props.</p>
  
  <p>If I remove the swiper-slide fixed width's and height's then the Swiper works as expected.</p>
  
  <p><a href="https://kidjp85.github.io/doc/get-started/" rel="nofollow noreferrer">Actual Swiper reference</a></p>
  
  <p><a href="https://codesandbox.io/s/cool-leavitt-nrb8m" rel="nofollow noreferrer">Code Tried</a></p>
  
  <pre><code>const Container = styled.div`
    height: 300px !important;
    width: 300px !important;
    border: 1px solid red;
  `;
  
  &lt;Swiper slidesPerView={1.5} freeMode spaceBetween={20}&gt;
     &lt;Container&gt;Slide 1&lt;/Container&gt;
     &lt;Container&gt;Slide 2&lt;/Container&gt;
     &lt;Container&gt;Slide 3&lt;/Container&gt;
     &lt;Container&gt;Slide 4&lt;/Container&gt;
     &lt;Container&gt;Slide 5&lt;/Container&gt;
     &lt;Container&gt;Slide 6&lt;/Container&gt;
  &lt;/Swiper&gt;
  </code></pre>
  
  <p>Expected result swiper should work smoothly even if the fixed widths and heights are passed with slidesPerView and spaceBetween prop combinations.</p>