how to stop auto play carousel slide in react bootstrap code example
Example: react-bootstrap carousel stop autoplay
By adding data-interval="false"
<div id="carousel-example-generic" class="carousel slide" data-interval="false" data-ride="carousel" data-pause="hover" >