title: React-Paginate is not clickable
body: <p>I have been trying to use React-paginate library for pagination, however, the buttons formed by it is not clickable,i don't understand what i am doing wrong<br>
  And there are no example given, or no question asked</p>
  
  <p>What would be the correct way of using this pagination  </p>
  
  <p>Here is the code of my App.js</p>
  
  <pre><code>    import React, { Component } from 'react';
  import './App.css';
  import Navbar from '../src/components/navbar/navbar'
  import SearchIt from '../src/components/searchField/search'
  import Container from 'react-bootstrap/Container'
  import Card from '../src/components/cards/cards'
  import Axios from 'axios'
  import Pagination from '../src/components/pagination/paginating'
  
  class App extends Component {
    state={
      fetchedData:[]
    }
  
    componentDidMount(){
      Axios.get('http://localhost:3000/1').then((responseData)=&gt;{
        //console.log(responseData.data)
        this.setState({fetchedData:responseData.data})
      }).catch((err)=&gt;{
        console.log(err)
      })
    }
    handlePageClicked = data =&gt; {
      let selected = data.selected;
      console.log(selected)    
    };
  
    render() {
  
      return (
        &lt;div className="App"&gt;
          &lt;Navbar/&gt;
          &lt;Container&gt; 
            &lt;SearchIt/&gt;
            &lt;Card data={this.state.fetchedData}/&gt;
            &lt;Pagination handlePageClick={this.handlePageClicked}/&gt;
          &lt;/Container&gt;
        &lt;/div&gt;
      );
  
    }
  }
  
  export default App;
  </code></pre>
  
  <p>And here is the code for paginating.js</p>
  
  <pre><code>   import React,{Component} from 'react'
  import ReactPaginate from 'react-paginate';
  import './paginateStyle.css'
  
  
   const page = (props)=&gt;{
       return(
  
        &lt;ReactPaginate
            previousLabel={'previous'}
            nextLabel={'next'}
            breakLabel={'...'}
            breakClassName={'break-me'}
            pageCount={10}
            marginPagesDisplayed={2}
            pageRangeDisplayed={5}
            onPageChange={props.handlePageClick}
            containerClassName={'pagination'}
            subContainerClassName={'pages pagination'}
            activeClassName={'active'}
          /&gt;
  
       )
   }
  
   export default page
  </code></pre>
  
  <p>These button are not clickable
  <a href="https://i.stack.imgur.com/Gtm7H.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Gtm7H.png" alt="this buttons"></a></p>