title: React SwiperJs autoplay not making the swiper to auto swipe
body: <p>I am using this swiper in React:
  <a href="https://swiperjs.com/react/" rel="noreferrer">https://swiperjs.com/react/</a></p>
  <p>I tried to make it &quot;autoplay&quot; but it doesn't auto swipe.
  This is what I tried:</p>
  <pre><code>// https://swiperjs.com/get-started/
  import React from 'react';
  import { Swiper, SwiperSlide } from 'swiper/react';
  import { makeStyles } from '@material-ui/core/styles';
  
  const useStyles = makeStyles({
      SwiperStyle: {
          backgroundColor: '#f5f5f5',
          height: '58px',
          width: '100%',
      },
  });
  
  export default function TextInfoSlider(props) {
      const classes = useStyles();
  
      return (
          &lt;div&gt;
  
              &lt;Swiper
                  loop={true}
                  autoplay={{
                      delay: 500,
                      disableOnInteraction: false
                  }}
              &gt;
  
                  &lt;SwiperSlide&gt;Slide 1&lt;/SwiperSlide&gt;
                  &lt;SwiperSlide&gt;Slide 2&lt;/SwiperSlide&gt;
                  &lt;SwiperSlide&gt;Slide 3&lt;/SwiperSlide&gt;
                  &lt;SwiperSlide&gt;Slide 4&lt;/SwiperSlide&gt;
  
              &lt;/Swiper&gt;
  
              &lt;style jsx global&gt;{`
                      .swiper-container {
                          background-color: #f5f5f5;
                      }
             `}&lt;/style&gt;
          &lt;/div&gt;
      )
  }
  </code></pre>
  <p>I have also tried to just use boolean on the autoplay but it also doesn't work:</p>
  <pre><code>        &lt;Swiper
              loop={true}
              autoplay={true}
              }}
          &gt;
  </code></pre>