title: Ag-grid | Cell value is not updating in grid using valueSetter
body: <p>I just wanted to give the functionality of edit in my grid and my data was coming from a NGRX state. So, I was not able to edit directly because it was throwing an error saying that can't assign value to read-only object. So, after searching on stackoverflow, I found this <a href="https://stackoverflow.com/questions/53572072/ag-grid-cannot-update-field-in-grid-as-it-is-read-only">AG-Grid: Cannot update field in Grid as it is read only</a>.</p>
  <p>So, I'm just trying to use this valueSetter as suggested in the post in the following way:-</p>
  <pre><code>this.columnDefs = Object.assign([], this.columnDefs);
  console.log('coldDef init ', this.columnDefs);
  this.columnDefs = this.columnDefs.map(obj=&gt;({
    ...obj,
    valueSetter: (params:any) =&gt; {
      console.log(&quot;##newValue##&quot;,params.newValue);
      const paramsCopy = {...params.data}
      paramsCopy[obj.field]=params.newValue;
      console.log(params);
      params.data=paramsCopy;
      console.log(params);
      return true;
    }
  }));
  </code></pre>
  <p>In the logs I can see the new value.</p>
  <p><a href="https://i.stack.imgur.com/JvyZs.png" rel="nofollow noreferrer">Please click here to see logs</a></p>
  <p>But, I can't see my new value on the grid. Am I missing something?</p>
  <p>Please let me know if you need more details.</p>
  <p>Thank you!!</p>