title: "let movie of movies$ | async" not working
body: <p>I'm trying to implement the sample code shown in the official <a href="https://ngrx.io/guide/effects" rel="nofollow noreferrer">NgRx docs for effects</a>.  The first section showing how to load a list of movies in an effect works, but the list is not displayed.</p>
  <p>I can see the movies array in the Redux dev tools, and the movies$ will appear as &quot;[object Object]&quot; in the template if printed out, but otherwise the template is blank.</p>
  <p>The code goes as follows.  The component selects part of the state:</p>
  <pre class="lang-js prettyprint-override"><code>export class MoviesPageComponent {
    movies$: Observable&lt;Movie[]&gt; = this.store.select(state =&gt; state.movies); 
    constructor(private store: Store&lt;{ movies: Movie[] }&gt;) {} 
    ngOnInit() {
      this.store.dispatch({ type: '[Movies Page] Load Movies' });
    }
  }
  </code></pre>
  <p>The template uses the async pipe to show the list:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div *ngFor=&quot;let movie of movies$ | async&quot;&gt;
    {{ movie.name }}
  &lt;/div&gt;
  </code></pre>
  <p>The effect calls the service to get the data:</p>
  <pre><code>  loadMovies$ = createEffect(() =&gt; this.actions$.pipe(
      ofType('[Movies Page] Load Movies'),
      mergeMap(() =&gt; this.moviesService.getAll()
        .pipe(
          map(movies =&gt; ({ type: '[Movies API] Movies Loaded Success', payload: movies })),
          catchError(() =&gt; EMPTY)
        ))
      )
    );
  </code></pre>
  <p>The effect is registered in the app.module like this:</p>
  <pre class="lang-js prettyprint-override"><code>EffectsModule.forRoot([MovieEffects]),
  </code></pre>
  <p>The effect works and in the dev tools you can see the movies, but the asyc pipe never shows the list.</p>
  <p>I realize this is kind of like pseudo code, but I would like to know what it takes to make these samples run as expected.  I have a <a href="https://github.com/timofeysie/strict-ten-ngrx" rel="nofollow noreferrer">sample repo to test the code here</a>.</p>
  <p>Any help would be much appreciated!</p>
  <p>** edit **</p>
  <p>I have create a <a href="https://stackblitz.com/edit/angular-ty3eys?file=src/app/app.module.ts" rel="nofollow noreferrer">StackBlitz example</a>.  It's not exactly the same as the repo provided, but could be used to show the solution to this issue.</p>