title: material table checkboxes [React.js]
body: <p>I already have my checkboxes in the material table in options selection:true i want to know how i can make them work when i click the table refresh anyone here can help me solve this problem? i would appreciate</p>
  <pre><code>function DataTable() {
  const [data, setData] = useState([]);
  const columns = [
      { title: 'Data', field: 'hora' },
      { title: 'Paciente', field: 'clientName' },
      { title: 'Médico Veternário', field: 'vet.name' },
      { title: 'Estado', field: 'appointmentState' },
  ];
  
  const tableIcons = {
      DetailPanel: forwardRef((props, ref) =&gt; (
          &lt;ChevronRight {...props} ref={ref} /&gt;
      )),
      FirstPage: forwardRef((props, ref) =&gt; &lt;FirstPage {...props} ref={ref} /&gt;),
      LastPage: forwardRef((props, ref) =&gt; &lt;LastPage {...props} ref={ref} /&gt;),
      NextPage: forwardRef((props, ref) =&gt; &lt;ChevronRight {...props} ref={ref} /&gt;),
      PreviousPage: forwardRef((props, ref) =&gt; (
          &lt;ChevronLeft {...props} ref={ref} /&gt;
      )),
  };
  
  useEffect(() =&gt; {
      fetch('teste.com')
          .then((resp) =&gt; resp.json())
          .then((resp) =&gt; setData(resp));
  });
  
  return (
      &lt;div style={{ height: 400, width: '100%' }}&gt;
          &lt;MaterialTable
              icons={tableIcons}
              title='Lista Consultas'
              data={data}
              columns={columns}
              options={{
                  search: false,
                  sorting: true,
                  selection: true,
                  paging: true,
                  pageSize: 5,
                  tableLayout: 'auto',
                  toolbar: false,
                  rowStyle: {
                      backgroundColor: '#FFF',
                      fontSize: '100%',
                  },
              }}
          /&gt;
      &lt;/div&gt;
  );}export default DataTable;
  </code></pre>