title: "action.payload" object from one async_thunk unexpectedly showing on a different async_thunk's action.payload
body: <p>/*
  action.payload from one async_thunk unexpectedly showing on a different async_thunk's action.payload
  */</p>
  <pre><code>file : a.js
  extraReducers: {
      [get_custm_data.pending]: (state, action) =&gt; {
        state.status = &quot;loading&quot;;
      },
      [get_custm_data.fulfilled]: (state, action) =&gt; {
        state.status = &quot;success&quot;;
        if(action.payload !== null ) {
          console.log(action.payload);
        }
        
      },
      [get_custm_data.rejected]: (state, action) =&gt; {
         state.status = &quot;failed&quot;;
      },
  },
  </code></pre>
  <p>/<em>action.payload from above &quot;extraReducers&quot; showing on a different slice's extraReducers</em>/</p>
  <pre><code>
  
  file : b.js
  ** 
  even-though i am checking every value of the object , 
  in b.js files extraReducers , when i console.log(action.payload), its is showing the object from a.js files action.payload [they are 2 different files with 2 different slices] 
  **
  
  extraReducers: {
              [get_cusret_allcity.pending]: (state, action) =&gt; {
                  state.status = &quot;loading&quot;;
              },
              [get_cusret_allcity.fulfilled]: (state, action) =&gt; {
                  
                  state.status = &quot;success&quot;;
                  
                  if(action.payload !== 'null' &amp;&amp; action.payload!== 'undefined') {
                      console.log(action.payload);
                  //showing the action.payload object from file &quot;a.js&quot;
                  }
              },
              [get_cusret_allcity.rejected]: (state, action) =&gt; {
                  state.status = &quot;failed&quot;;
              },
          },
  
  </code></pre>