title: Angular ngrx: TypeError: Cannot freeze array buffer views with elements
body: <p>Im encountering an issue with ngrx. I have an array in my state to which i want to append objects. This actually works fine if i console.log them i can see that values in my store. But the redux dev tools and the console throw the error &quot;TypeError: Cannot freeze array buffer views with elements&quot;.</p>
  <p>I have a state that looks like this:</p>
  <pre><code>const state: State = {
    array: []
  };
  </code></pre>
  <p>The Object i pass to my actions looks similar to this:</p>
  <pre><code>const obj = {attr: number, data: ImageData};
  </code></pre>
  <p>Where ImageData comes from a Canvas and is extracted with <code>canvas.getContext(&quot;2d&quot;).getImageData(...);</code>. It should be noted that this Object is huge with over 69000 keys with values from 0 to 255(RGBA).</p>
  <p>And i append the new Object to the state/store like this:</p>
  <pre><code>createReducer(
    initialState,
    on(action, (state: State, action)=&gt; {
      return {
        ...state,
        array: [...state.array, action.payload]
      }
    })
  );
  </code></pre>
  <p>Furthermore i read that i should deepCopy Objects before passing them to the action so i did that with lodashs <code>copyDeep()</code>, but i got the same results.</p>
  <p>Any help is appreciated.</p>