title: A component suspended while responding to synchronous input
body: <p>error Error: A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that suspend should be wrapped with startTransition.</p>
  <p>I want to retain previous state of Component A when I navigate from Component B to A. In React v17 and React Router v5, I was able to achieved the previous state. But with React v18, I'm getting the above erorr. Any Idea?</p>
  <p>Component A:</p>
  <pre><code>const ComponentA = React.lazy(() =&gt; import('./ComponentA'));
  
  const App = () =&gt; (
    &lt;Suspense fallback={&lt;Loader/&gt;}&gt;
       &lt;Provider store={store}&gt;
         &lt;ComponentA/&gt;
       &lt;/Provider&gt;
    &lt;/Suspense&gt;
  )
  </code></pre>
  <p>Component B:</p>
  <pre><code>const ComponentB = React.lazy(() =&gt; import('./ComponentB'));
  
  const App = () =&gt; (
    &lt;Suspense fallback={&lt;Loader/&gt;}&gt;
      &lt;Provider store={store}&gt;
        &lt;ComponentB/&gt;
      &lt;/Provider&gt;
    &lt;/Suspense&gt;
  )
  </code></pre>
  <p>Node: v16.14.2
  React: v18
  React Router: v6</p>
  <p>Redux v8 not support for React v18
  <a href="https://github.com/reduxjs/react-redux/issues/1740" rel="noreferrer">https://github.com/reduxjs/react-redux/issues/1740</a></p>