title: ReactJs - MaterialTable pagination, row per page not working
body: <p>I'm currently using <a href="https://material-table.com/#/" rel="nofollow noreferrer">Material-table</a> . It displays <code>data</code> normally however, Pagination and Row per Page dropdown is not working. Nothing happens upon clicking, next button and selected number of rows.</p>
  <p>See below codes:</p>
  <pre><code>import MaterialTable from 'material-table'
  
  const tableIcons = {
   /*table icons*/
  }
  
  function Test(){
    const [data, setData] = useState([]);
    
    const getDatas = async() =&gt; {
      await axios.get('/API')
      .then(response =&gt; {
        setData(response.data)
      }
    }
  
  const columns = [
    {.....} //columns
  ]
  
  return(
    &lt;div&gt;
      &lt;MaterialTable
        icons = {tableIcons}
        columns = {columns}
        data = {data}
        title = 'List of data'
        actions = {[{
          //add button properties
        }]}
      &gt;
      &lt;/MaterialTable&gt;
    &lt;/div&gt;
  )
  
  }
  export default Test;
  </code></pre>
  <p>I'm getting the following error on <code>console</code> upon onload and clicking pagination buttons.</p>
  <p>On load:</p>
  <p><a href="https://i.stack.imgur.com/0tuAl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0tuAl.png" alt="enter image description here" /></a></p>
  <p>On click of next button</p>
  <p><a href="https://i.stack.imgur.com/0qyF0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0qyF0.png" alt="reac" /></a></p>
  <p>Please help me with this. Thank you in advance.</p>