title: How do I manually dispatch actions to a store created with configureStore?
body: <p>I have a project where half of it was made with classes, and the other half is being made with hooks and Redux.
  For this, I have created a store with <code>configureStore()</code> from Redux Toolkit and provided it using the <code>Provider</code> component. In a very minimal way, the store is set up as follows:</p>
  <pre class="lang-js prettyprint-override"><code>const userSlice = createSlice({
      name: 'user',
      initialState: {
          user: {}
      },
      reducers: {
          validate: (state, action) =&gt; state.user = action.payload
      }
  })
  
  const store configureStore({
      reducer: {
          user: userSlice.reducer
      }
  })
  </code></pre>
  <p>There are two components - a new one, functional, which uses the <code>useSelector()</code> hook, and an older one, which is class based, but needs to use this sasme store to dispatch an action.
  To do this, I import the store and fire</p>
  <pre class="lang-js prettyprint-override"><code>store.dispatch({type: 'user/validate', payload: newUser});
  </code></pre>
  <p>from the class component.
  I receive no errors, yet nothing happens at all.</p>
  <p>I tracked my input from DevTools' Redux plugin, and I can see the state does not change, so I assume my manual call to <code>dispatch</code> is somehow wrong.</p>
  <p>What I expect to happen is for the state to update, which would trigger a re-render of the component that uses <code>useSelector</code></p>