title: How do I see state when logging to the console instead of Proxy object inside reducer action?
body: <p>When using <code>console.log()</code> inside a reducer action, the state prints as a Proxy object, instead of the object I actually want to see. How do I see the actual object? I am using redux-starter-kit createSlice, I am not sure if this has anything to do with it.</p>
  
  <pre><code>import { createSlice } from "redux-starter-kit";
  
  export interface IToDo {
      id: number;
      name: string;
      complete: boolean;
  }
  
  const initialState: IToDo[] = [
      {
          id: 1,
          name: 'Read a bit',
          complete: true
      }
  ];
  
  const { actions, reducer } = createSlice({
      slice: "todos",
      initialState,
      reducers: {
          toggleTodo(state: IToDo[], action) {
              const todo = state.find(todo =&gt; todo.id === action.payload);
              console.log(todo);
              if (todo) {
                  todo.complete = !todo.complete;
              }
          }
      }
  })
  
  export const toDosReducer = reducer;
  export const { toggleTodo } = actions;
  </code></pre>
  
  <p>This is the output I see in the console when I toggle my ToDo:</p>
  
  <p><a href="https://i.stack.imgur.com/bmqGs.png" rel="noreferrer"><img src="https://i.stack.imgur.com/bmqGs.png" alt="Console output"></a></p>