Пример Ngrx, стоящий перед проблемой

Question

Я слежу за учебником по Ngrx, но не понял одну концепцию Пожалуйста, дайте мне знать, где я не прав Hide_product_code не отвечает. Я думаю, я что-то упустил

 this.store.pipe(select('products')).subscribe(
      products => {

        if(products){
          this.displayCode = products.showProductCode;
          this.displayCode = products.hideProductCode;
        }
      }
    )
  }

по клику (проверьте форму)

  checkChanged(value: boolean): void {
    if(value = true){
    this.store.dispatch({
      type:'SHOW_PRODUCT_CODE',
      showProductCode:value
    })
  }
  else {
    this.store.dispatch({
      type:'HIDE_PRODUCT_CODE',
      hideProductCode:value
    })
    this.displayCode = value;
  }
}

Product.reducer.ts

export function reducer(state, action) {
    switch (action.type) {
        case 'SHOW_PRODUCT_CODE':

        console.log("shoow product code", action);
            return {
                ...state,
                showProductCode: true
            };

        case 'HIDE_PRODUCT_CODE':

            return {
                ...state,
                showProductCode: false
            };

        default:
            return state;
    }
}

Пожалуйста, найдите ссылку на stackblitz https://stackblitz.com/edit/state-managamenrt?file=src/app/app.module.ts