title: react-multi-carousel is not workinig
body: <p><strong>I'm getting data from the state. Now I want to make a carousel slider using react-multi-carousel</strong> </p>
  
  <p>I am trying to implement <a href="https://www.npmjs.com/package/react-multi-carousel" rel="nofollow noreferrer">https://www.npmjs.com/package/react-multi-carousel</a> for a news card component that has data coming from the API. So far my code is as follows, but the carousel does not seem to be implementing? </p>
  
  <p><strong>Child Component</strong></p>
  
  <pre><code>import Carousel from 'react-multi-carousel';
  import 'react-multi-carousel/lib/styles.css'
  </code></pre>
  
  <pre><code>    const responsive = {
          superLargeDesktop: {
            breakpoint: { max: 4000, min: 3000 },
            items: 5
          },
          desktop: {
            breakpoint: { max: 3000, min: 1024 },
            items: 3
          },
          tablet: {
            breakpoint: { max: 1024, min: 464 },
            items: 2
          },
          mobile: {
            breakpoint: { max: 464, min: 0 },
            items: 1
          }
      };
      const size = 15;
      const Itemlist = props.data.slice(0, size).map((item,id) =&gt; {
          return(
              &lt;div className="item px-2 col-md-3" key={item.title}&gt;
              &lt;div className="alith_latest_trading_img_position_relative"&gt;
                  &lt;figure className="alith_post_thumb"&gt; 
                  &lt;Link
                  to={{
                      pathname : `/details/${id}`,
                  }}
                  &gt;
                  &lt;img
                      alt=""
                      src={item.multimedia ? item.multimedia[0].url : image}
                      className="w-100 thumbnail"
                  /&gt;
                  &lt;/Link&gt;
                  &lt;/figure&gt;
                  &lt;div className="alith_post_title_small"&gt;
                  &lt;Link
                  to={{
                      pathname : `/details/${id}`,
                  }}
                  &gt;&lt;strong&gt;{item.title.length &gt; 30 ? item.title.substring(0,30) + ".." : item.title}&lt;/strong&gt;
                  &lt;/Link&gt;
                  &lt;p className="meta"&gt;
                      &lt;span&gt;{`${moment(item.published_date).fromNow()}`}&lt;/span&gt;
                  &lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          )
      })
      return (
          &lt;React.Fragment&gt;
              &lt;Carousel responsive={responsive}&gt;
                    {Itemlist}
              &lt;/Carousel&gt;
          &lt;/React.Fragment&gt;
      );
  };
  
  </code></pre>
  
  <p><strong>Parent Component</strong></p>
  
  <pre><code>    state = {
          items : []
      }
      fetchLatestNews = () =&gt; {
          api.getRealFeed()
          .then(response=&gt;{
              this.setState({
                  items : response.data.results
              });
          })
      }
      componentDidMount = () =&gt; {
          this.fetchLatestNews();
      }
      render(){
          return(
          &lt;React.Fragment&gt;
              &lt;Item data={this.state.items}/&gt;
          &lt;/React.Fragment&gt;
  )}};
  </code></pre>