Expected behavior - Carousel should pause onmouseover

Actual behavior - MDBCarousel keeps cycling even on hover.

Resources (screenshots, code snippets etc.)

 <MDBCarousel
        activeItem={1}
        length={3}
        showControls={false}
        showIndicators={true}
        pauseonhover = {true}
      >
    <MDBCarouselInner>
      <MDBCarouselItem itemId="1">
        <MDBView>
          <img
            className="d-block w-100"
            src="https://mdbootstrap.com/img/Photos/Slides/img%20(35).jpg"
            alt="First slide"
          />
        </MDBView>
      </MDBCarouselItem>
      <MDBCarouselItem itemId="2">
        <MDBView>
          <img
            className="d-block w-100"
            src="https://mdbootstrap.com/img/Photos/Slides/img%20(33).jpg"
            alt="Second slide"
          />
        </MDBView>
      </MDBCarouselItem>
  </MDBCarouselInner>
</MDBCarousel>