title: Value is not updating in MaterialTable
body: <p>I try to edit the value and update the same but its not updating in MaterialTable
  Below is the link which am refering
  <a href="https://material-table.com/#/docs/features/editable" rel="nofollow noreferrer">https://material-table.com/#/docs/features/editable</a>
  under this am refering Cell Editable Example</p>
  <p>what am missing here</p>
  <p>any suggestion?</p>
  <p>please refer below snippet</p>
  <pre><code>import React from &quot;react&quot;;
  import MaterialTable from &quot;material-table&quot;;
  
  export default function CellEditable() {
    const { useState } = React;
  
    const [columns, setColumns] = useState([
      { title: &quot;Name&quot;, field: &quot;name&quot; },
      {
        title: &quot;Surname&quot;,
        field: &quot;surname&quot;,
        initialEditValue: &quot;initial edit value&quot;
      },
      { title: &quot;Birth Year&quot;, field: &quot;birthYear&quot;, type: &quot;numeric&quot; },
      {
        title: &quot;Birth Place&quot;,
        field: &quot;birthCity&quot;,
        lookup: { 34: &quot;İstanbul&quot;, 63: &quot;Şanlıurfa&quot; }
      }
    ]);
  
    const [data, setData] = useState([
      { name: &quot;Mehmet&quot;, surname: &quot;Baran&quot;, birthYear: 1987, birthCity: 63 },
      { name: &quot;Zerya Betül&quot;, surname: &quot;Baran&quot;, birthYear: 2017, birthCity: 34 }
    ]);
  
    return (
      &lt;MaterialTable
        title=&quot;Cell Editable Preview&quot;
        columns={columns}
        data={data}
        cellEditable={{
          onCellEditApproved: (newValue, oldValue, rowData, columnDef) =&gt; {
            return new Promise((resolve, reject) =&gt; {
              console.log(&quot;newValue: &quot; + newValue);
              setTimeout(resolve, 1000);
            });
          }
        }}
      /&gt;
    );
  }
  </code></pre>