title: React table - force reset page index in manual pagination
body: <p>I face issue on resetting page index manually</p>
  <p>I handle change in data manually from <code>onPageChange</code> , <code>onPageSizeChange</code> ... etc</p>
  <p>when I change page index with <code>onPageChange</code> I stored in high-level component and pass again ReactTable as prop called currentPage in same cases I need to reset currentPage to be 0 , but the dosent works so I added <code>componentDidUpdate</code> callback to force reset page index</p>
  <p>ReactTable version 6.11.5</p>
  <pre><code>componentDidUpdate(prevProps, prevState) {
      const reactTable = this.myRef.current;
      const { currentPage } = this.props;
      if (reactTable &amp;&amp; currentPage !== reactTable.state.page) {
        reactTable.state.page = currentPage;
        reactTable.getResolvedState().page = currentPage;
      }
    }
  
  render() {
      const {
        data,
        loading,
        totalNumberOfPages,
        currentPage,
        onPageChange,
        pageSize,
        onPageSizeChange,
        onFilteredChange,
        onSortedChange,
        filtered,
      } = this.props;
   return (&lt;ReactTable
              ref={this.myRef}
              filtered={filtered}
              onFilteredChange={(filtered) =&gt; {
                onFilteredChange(filtered);
                this.setState({ filtered });
              }}
              manual
              sorted={tableSorted}
              onSortedChange={(sorted) =&gt; onSortedChange(sorted)}
              filterable
              loading={loading &amp;&amp; !silentUpdate}
              pages={totalNumberOfPages}
              page={currentPage}
              onPageChange={onPageChange}
              defaultPageSize={pageSize}
              pageSize={pageSize}
              onPageSizeChange={onPageSizeChange}
              loadingText=&quot;Loading...&quot;
              data={data}
              columns={columns}
              className=&quot;-striped -highlight&quot;
          /&gt;)
  </code></pre>
  <p>CodeSandbox</p>
  <p><a href="https://codesandbox.io/s/set-initial-page-number-in-react-table-jthci?file=/App.js" rel="nofollow noreferrer">https://codesandbox.io/s/set-initial-page-number-in-react-table-jthci?file=/App.js</a></p>
  <p>if you are in page 3 and press &quot;Reset Page&quot;, it should be in the first page</p>