title: Is there a way to move entire redux store down without refactoring everything?
body: <p>Let's say right now I have a React web app, which displays a single document. The document ID that's displayed is stored in the redux store, as long as other specific information.</p>
  <pre><code>interface AppState {
      documentId: string;
      documentData: object;
  
      annotations: object[];
      // other object specific state details here.
      // ...
  }
  </code></pre>
  <p>There are many components that all use this state, and they all directly access it from the store. It's not passed down as props.</p>
  <p>I want to allow this redux app to be able to display multiple documents side-by-side.</p>
  <p>I'm currently thinking of moving all of this state up into an array like such:</p>
  <pre><code>interface NewAppState {
      documentStates: OldAppState[];
  }
  </code></pre>
  <p>However, this would require the many components to be refactored in the way that they access the app state.</p>
  <p>Is there a way of doing this that wouldn't require mass refactoring, along the lines of creating multiple redux stores, multiple React instances, etc?</p>