title: Is there a way to put a different time interval for each slide in react-responsive-carousal?
body: <p><strong>Problem:</strong></p>
  
  <p>I have created a react-responsive-carousal. Its code is like this.</p>
  
  <pre><code>import React, { Component } from "react";
  import { Carousel } from "react-responsive-carousel";
  
  class Slider extends Component {
    componentDidMount() {
      setInterval(this.reload, 900000);
    }
  
    reload = () =&gt; {
      window.location.reload(true);
    };
  
    render() {
      const { height } = this.props;
  
      return (
        &lt;div&gt;
          &lt;Carousel
            autoPlay={true}
            showArrows={false}
            infiniteLoop={true}
            interval={120000}
            stopOnHover={false}
            showThumbs={false}
            showStatus={false}
            showIndicators={false}
          &gt;
            &lt;div&gt;
              &lt;img src="https://cdn.pixabay.com/photo/2017/08/30/01/05/milky-way-2695569_960_720.jpg"&gt;&lt;/img&gt;
            &lt;/div&gt;
            &lt;div&gt;
              &lt;img src="https://cdn.pixabay.com/photo/2017/08/30/01/05/milky-way-2695569_960_720.jpg"&gt;&lt;/img&gt;
            &lt;/div&gt;
            &lt;div&gt;
              &lt;img src="https://cdn.pixabay.com/photo/2017/08/30/01/05/milky-way-2695569_960_720.jpg"&gt;&lt;/img&gt;
            &lt;/div&gt;
          &lt;/Carousel&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default Slider;
  </code></pre>
  
  <p>Can someone say is there a way to put a different time interval for each slide?. I search lot to find out whether there is a way to do it but I was unbaled to find a any clue to determine whether it can be done or cant be. So if someone can assist me with this it is really helpful. Thank you.</p>