title: Setting react-table page prop results in onFetchData always requesting that same page
body: <p><strike>Suppose our container component accepts filter/sort/paging information in the querystring. This information is extracted from the URL in <code>componentWillMount</code> and set on the container's state. This state (let's say just the <code>page</code>) is then passed to our react-table instance as the <code>page</code> prop. We wire-up the <code>onFetchData</code> as <code>onFetchData={state =&gt; fetchData(state)}</code>. In our <code>fetchData</code> function we pull react-table's passed-in <code>page</code> and <code>pageSize</code> and slice our data, and then set it on our state. Next the render function fires again, pulls our state values and sets them on the table's props.</p>
  
  <p>Sounds reasonable, however, it appears that this render > onFetchData loop happens without end until the browser fires a "maximum update depth exceeded" error.</p>
  
  <p>We need to be able to set the <em>initial</em> page when we first load our component, but react-table doesn't appear to like this.</strike></p>
  
  <p><strong>Update</strong></p>
  
  <p>This turned out to be a bug in react-table for which I've sent a PR:</p>
  
  <p>Bug: <a href="https://github.com/react-tools/react-table/issues/1230" rel="nofollow noreferrer">https://github.com/react-tools/react-table/issues/1230</a></p>
  
  <p>PR: <a href="https://github.com/react-tools/react-table/pull/1231" rel="nofollow noreferrer">https://github.com/react-tools/react-table/pull/1231</a></p>
  
  <p>Repro: <a href="https://codesandbox.io/s/50knlro2xn" rel="nofollow noreferrer">https://codesandbox.io/s/50knlro2xn</a></p>