title: Is missing the following properties from type 'Observable<PizzaState>
body: <p>I try to create pizzas$ that receive from store but have red sight on this .</p>
  
  <p><code>this.pizzas$</code></p>
  
  <p>I don't know why this happened but when i delete 
  <code>: Observable&lt;PizzaState&gt;</code>
  this this fix but i want to do with strongly type how can i fix it?</p>
  
  <p>full code </p>
  
  <pre><code>import { Store } from '@ngrx/store';
  import { ProductesState } from '../shared/models/productesState.model';
  import { Observable } from 'rxjs';
  import { PizzaState } from '../shared/models/pizzaState.model';
  
  @Component({
    selector: 'app-read',
    templateUrl: './read.component.html',
    styleUrls: ['./read.component.css']
  })
  export class ReadComponent implements OnInit {
  
    public pizzas$: Observable&lt;PizzaState&gt;;
  
    constructor(private store: Store&lt;ProductesState&gt;) { }
  
    ngOnInit() {
  
      this.store.select('pizzas').subscribe(store =&gt; {
        this.pizzas$ = store;
      });
  
    }
  
  }
  </code></pre>
  
  <p>my reducer </p>
  
  <pre><code>import { PizzaState } from 'src/app/shared/models/pizzaState.model';
  import * as fromPizzas from '../actions/pizzas.action'
  
  export const initialState: PizzaState = {
      data: [],
      loaded: false,
      loading: false
  }
  
  export function reducer
      (state: PizzaState = initialState, action: fromPizzas.PizzasAction): PizzaState {
  
      switch (action.type) {
  
          case fromPizzas.LOAD_PIZZAS: {
              return {
                  ...state,
                  loading: true
              }
          }
  
          case fromPizzas.LOAD_PIZZAS_SUCCESS: {
              return {
                  ...state,
                  loaded: true,
                  loading: false
              }
          }
  
          case fromPizzas.LOAD_PIZZAS_FAIL: {
              return {
                  ...state,
                  loaded: false,
                  loading: false
              }
          }
  
          default: {
              return state;
          }
  
      }
  
  }
  </code></pre>
  
  <p>and inside node module </p>
  
  <pre><code>    StoreModule.forRoot(
        { 'pizzas': reducers.pizzas }
      )
  </code></pre>
  
  <p>Thank for help :-)</p>