title: After adding StoreModule.forFeature (...) can not access to stored data
body: <p>I have multiple projects in one angular 8 app...
  Until now, I have in only one project <code>@ngrx/store</code> but
  now I added <code>@ngrx/store</code> in every project and because of multiple stores, I need in every projects in  <code>app.module</code> import <code>StoreModule.forFeature</code></p>
  
  <pre><code>imports: [
      StoreModule.forRoot({}),
      StoreModule.forFeature("project1store", fromStore.reducer1)
  ]
  </code></pre>
  
  <p>on the second project, I import</p>
  
  <pre><code> imports: [
          StoreModule.forRoot({}),
          StoreModule.forFeature("project2store", fromStore.reducer2)
      ]
  </code></pre>
  
  <p>Problem is, in redux, I see all data but I can't take it. 
  Also, I get an error for every reducer (all of this reducer worked before)</p>
  
  <blockquote>
    <p>store.js:994 @ngrx/store: The feature name "UserProfileReducer" does not exist in the state, therefore createFeatureSelector cannot access it.  Be sure it is imported in a loaded module using StoreModule.forRoot('UserProfileReducer', ...) or StoreModule.forFeature('UserProfileReducer', ...).  If the default state is intended to be undefined, as is the case with router state, this development-only warning message can be ignored.</p>
  </blockquote>
  
  <p>I import everything with a barrel (index.ts), in this case from <code>fromStore</code>. 
  Every app have own barrel, and I check again, and every path is ok... </p>
  
  <p>See on this image, all data is there, but now after <code>StoreModule.forFeature</code> can not take it
  <a href="https://i.stack.imgur.com/epbjl.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/epbjl.jpg" alt="enter image description here"></a></p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>I think the problem is here
  <a href="https://i.stack.imgur.com/SbEYc.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SbEYc.jpg" alt="enter image description here"></a></p>
  
  <p>Before this I gett data like <code>store.siteReducer</code> but now I need to take it like <code>state.app2.siteReducer</code></p>
  
  <p>How to and where to add this <code>app1</code> or <code>app2</code>?</p>
  
  <p>Thnx</p>
  
  <p><strong>EDIT 2</strong></p>
  
  <p>I can get data directly in component on this way</p>
  
  <pre><code> select((state: any) =&gt; state.app1.SiteReducer)
  .subscribe(res =&gt; {...})
  </code></pre>
  
  <p>But in this way, I need to make a change in whole app components.
  How to make this directly in the selector?
  I try this </p>
  
  <pre><code> export const getState = createFeatureSelector&lt;States&gt;("app1");
  
  export const getSite = createSelector(
    getState,
    (state: States) =&gt; state.app1.siteReducer
  );
  </code></pre>
  
  <p>but get error</p>
  
  <blockquote>
    <p>Property 'app1' does not exist on type 'States'</p>
  </blockquote>
  
  <p>Here are my states</p>
  
  <pre><code>export class States { 
  data: { site: SiteModel | null; error: string }; 
  } 
  export const InitialState = {
   data: { site: null, error: null 
  } 
  };
  </code></pre>
  
  <p>If I remove in selector model <code>State</code> and put <code>any</code>, everything is working</p>
  
  <pre><code>export const getState = createFeatureSelector&lt;States&gt;("app1");
  
      export const getSite = createSelector(
        getState,
        (state: any) =&gt; state.app1.siteReducer
      );
  </code></pre>
  
  <p>I also try in states model add this</p>
  
  <pre><code>export class States {
    siteReducer: {data: { site: SiteModel | null; error: string }};
  }
  
  export const InitialState = {
    siteReducer: {data: { site: null, error: null }}
  };
  </code></pre>
  
  <p>But now in store I have nested <code>siteReducer</code> object (this bellow is example)</p>
  
  <pre><code>app1{
      siteReducer{  // get this parent object
          siteReducer:{
              data:{..}
    }}
  }
  </code></pre>