title: Infinite loop in Material UI onSortModelChange(React js)
body: <p>Documentation: <a href="https://v4.mui.com/components/data-grid/sorting/#data-grid-sorting" rel="nofollow noreferrer">https://v4.mui.com/components/data-grid/sorting/#data-grid-sorting</a></p>
  <pre><code>const [sortModel, setSortModel] = React.useState([
  {
    field: 'name',
    sort: 'asc',
  },]);
  
  const columns = [
  { field: 'name' },
  { field: 'school'}]
  
  const rows = [
  { id: 1, name: 'React', school: 'abc' },
  { id: 2, name: 'Material-UI', school: 'pqr' },]
  
  &lt;DataGrid
   columns={columns}
   rows={rows}
   sortingOrder={['desc', 'asc']}
   sortModel={sortModel}
   onSortModelChange={(model) =&gt; setSortModel(model)}
    /&gt;
  </code></pre>
  <p>Clicking on the sort button causes infiite loop</p>