Действие Redux возвращает неопределенный угол

Question

когда я пытаюсь показать результат своего действия в console.log (состояние), мой результат не определен, любая помощь, пожалуйста, я работал в угловых 7

appReducers.ts

import {ACTION_LOGOUT, ACTION_LOGIN} from '../actions/appActions'
export interface appReducerState{
  login:boolean
}
const inisalState :appReducerState= {
  login : false,
}



export function reducer(state=inisalState, action):appReducerState{
  switch(action.type){
      case ACTION_LOGOUT:
        return {
        ...state,
        login:false
        }
        case ACTION_LOGIN:
        return {
        ...state,
        login:true
        }
  }
}

index.ts

import { reducer, appReducerState } from './appReducer'
import{ ActionReducerMap} from '@ngrx/store'
interface AppState {
    appReducer:appReducerState
}
export const reducers:ActionReducerMap<AppState>={
    appReducer: reducer

}

appActions.ts

export const ACTION_LOGOUT="LOGOUT"
export const ACTION_LOGIN="LOGIN"

когда я пытаюсь показать результат своего действия в этом ngOnInit

mycomponent.ts

.....
constructor(
......
    private store:Store<any>
    .....
  )
  .....
 ngOnInit() {
    this.store.select('appReducer').subscribe(state=>{
      console.log(state);
    })

  }  
  
  .....