title: Store circular data in redux toolkit
body: <p>I am trying to dispatching an circular object using dispatch(addClient(conversationsClient)) to the redux toolkit slice once I get the result I can log it but once I assign it the sore I having the issue.</p>
  <pre><code>//it's Dumay data to explain my issue
  const conversationsClient = [{}];
  a[0].a = a;
  a.push(a);
  
  
  const chatSlice = createSlice({
  name: 'chatSlice',
  initialState: initialState,
  reducers: {
      addClient: (state, action: PayloadAction&lt;any&gt;) =&gt; {
          console.log(&quot;I can see the proper object&quot;, action.payload);
          state.client = action.payload; //here I am getting the exception 
      }
  }
  });
  
  dispatch(addClient(conversationsClient)) 
  </code></pre>
  <p>I am getting the following result
  Uncaught (in promise) RangeError: Maximum call stack size exceeded
  at StateMachine.get [as state] (state-machine.js:575)
  at trackProperties</p>
  <p><a href="https://i.stack.imgur.com/Y16kn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Y16kn.png" alt="enter image description here" /></a></p>
  <p>I've tried to used the following package : <a href="https://www.npmjs.com/package/flatted" rel="nofollow noreferrer">https://www.npmjs.com/package/flatted</a>
  may any work around to solve this issue because I am looking to use the object in many components</p>