title: Selection and Remote Data Pagination on Material Table React
body: <p>I need help im using material-table on react for my data table. I want to use the selection and pagination at the same time, but the problem is if i select a certain row and change the page and return to previous page. it doesn't select that row. here is a sample snippet i created. Is it possible to override the selection props?</p>
  
  <pre><code>const Table = () =&gt; {
  const [selectedRows, setSelectedRows] = useState([]);
  
  function handleSelectChange(rows) {
  setSelectedRows(rows)
  }
  return (
  &lt;MaterialTable
        title="Remote Data Preview"
        columns={[
          {
            title: 'Avatar',
            field: 'avatar',
            render: rowData =&gt; (
              &lt;img
                style={{ height: 36, borderRadius: '50%' }}
                src={rowData.avatar}
              /&gt;
            ),
          },
          { title: 'Id', field: 'id' },
          { title: 'First Name', field: 'first_name' },
          { title: 'Last Name', field: 'last_name' },
        ]}
        options={{
          selection:true,
        }}
        onSelectionChange={(rows) =&gt; handleSelectChange(rows)}
        data={query =&gt;
          new Promise((resolve, reject) =&gt; {
            let url = 'https://reqres.in/api/users?'
            url += 'per_page=' + query.pageSize
            url += '&amp;page=' + (query.page + 1)
            fetch(url)
              .then(response =&gt; response.json())
              .then(result =&gt; {
                resolve({
                  data: result.data,
                  page: result.page - 1,
                  totalCount: result.total,
                })
              })
          })
        }
      /&gt;
  )
  }
  </code></pre>
  
  <p>i already created an issue will put this a reference. <a href="https://github.com/mbrn/material-table/issues/1189" rel="nofollow noreferrer">https://github.com/mbrn/material-table/issues/1189</a></p>