React JS Material table - How to select rows of current page in material table

Question

When I click on select, it select all rows in all pages of the table.

Is there a way to only select rows of the current page of the material table? So for example, if i'm in page 1, it should only select rows of page one, and no rows will be selected for page 2.

<MaterialTable
  title="Actions On Selected Rows Preview"
  columns={[
    { title: 'Name', field: 'name' },
    { title: 'Surname', field: 'surname' },
    { title: 'Birth Year', field: 'birthYear', type: 'numeric' },
    {
      title: 'Birth Place',
      field: 'birthCity',
      lookup: { 34: 'İstanbul', 63: 'Şanlıurfa' },
    },
  ]}
  data={[
    { name: 'Mehmet', surname: 'Baran', birthYear: 1987, birthCity: 63 },
    { name: 'Zerya Betül', surname: 'Baran', birthYear: 2017, birthCity: 34 },
    { name: 'Zerya Betül', surname: 'Baran', birthYear: 2017, birthCity: 34 },
    { name: 'Mehmet', surname: 'Baran', birthYear: 1987, birthCity: 63 },
    { name: 'Zerya Betül', surname: 'Baran', birthYear: 2017, birthCity: 34 },
    { name: 'Zerya Betül', surname: 'Baran', birthYear: 2017, birthCity: 34 },
            
  ]}        
  options={{
    selection: true
  }}
  actions={[
    {
      tooltip: 'Remove All Selected Users',
      icon: 'delete',
      onClick: (evt, data) => alert('You want to delete ' + data.length + ' rows')
    }
  ]}
/>