title: Selectors in ngRx 4 returning store object instead of a value in the store
body: <p>My selector is returning the store object instead of the value from the store when i am trying to retrieve data.</p>
  
  <p>Here is my reducer injection.</p>
  
  <pre><code>imports: [
      BrowserModule,
      StoreRouterConnectingModule,
      AppRoutingModule,
      StoreModule.forRoot({ 'home': reducer, 'router': routerReducer }),
      StoreRouterConnectingModule,
      StoreDevtoolsModule.instrument({ maxAge: 50 }),
    ]
  </code></pre>
  
  <p>Here is my reducer and state.</p>
  
  <pre><code>export interface State {
    version: number;
  }
  
  export const initialState: State = {
    version: 1
  };
  
  export function reducer(state= initialState, action: Action) {
    switch (action.type) {
      default:
        return state;
    }
  }
  </code></pre>
  
  <p>and here is my selector.</p>
  
  <pre><code>import { createFeatureSelector, createSelector } from '@ngrx/store';
  import * as fromRoot from './app.reducer';
  
  export const getHomeData = createFeatureSelector&lt;fromRoot.State&gt;('home');
  
  export const getVersionNumber = createSelector(
      getHomeData,
      (store) =&gt; store.version
  );
  </code></pre>
  
  <p>the output that i am getting is </p>
  
  <p><a href="https://i.stack.imgur.com/iQReZ.png" rel="nofollow noreferrer">Here is my console</a></p>
  
  <pre><code>Store {_isScalar: false, actionsObserver: ActionsSubject, reducerManager: ReducerManager, source: Store, operator: DistinctUntilChangedOperator}
  actionsObserver
  :
  ActionsSubject
  operator
  :
  DistinctUntilChangedOperator
  reducerManager
  :
  ReducerManager
  source
  :
  Store
  _isScalar
  :
  false
  __proto__
  :
  Observable
  </code></pre>
  
  <p>This is how i am accessing my selectors.</p>
  
  <pre><code>export class AppComponent {
    constructor(public store: Store&lt;State&gt;) {
      console.log(this.store.select(getVersionNumber));
    }
  }
  </code></pre>
  
  <p>Thanks in advance.</p>