title: ngrx component store select returns anonymousSubject instead of Observable
body: <p>I am using the ngrx component store to get search results from the backend. However, I am unable to get a single value of the state, but instead I get an anonymousSubject. This anonymousSubject has the needed data but it is nested very deep in the object.</p>
  <p>When I iterate over the returned observable in the html, I can get the right values, but now I need just a specific value (state.result[0]) but I cant do this.</p>
  <p>Could someone clarify how I can acces a single value from the anonymousSubject? Thanks in advance!</p>
  <p><strong>Component.store</strong></p>
  <pre class="lang-js prettyprint-override"><code>export interface SearchResultState {
    result: Array&lt;any&gt;;
  }
  
  const defaultState: SearchResultState = {
    result: []
  };
  
  @Injectable()
  export class SearchStore extends ComponentStore&lt;SearchResultState&gt; {
    constructor(
      private readonly _http: HttpClient,
      private readonly _notificationHandler: NotificationHandlerService
    ) {
      super(defaultState);
    }
    readonly loadSearchResult = this.effect((trigger$: Observable&lt;{ query: string; apiLinks: Array&lt;string&gt; }&gt;) =&gt;
      trigger$.pipe(
        debounceTime(200),
        switchMap((action) =&gt; {
          if(!action.query.length) {
            return of(SearchActions.searchSuccess({result: {}}));
          }
          const headers: any = {
            'Content-Type': 'application/x-www-form-urlencoded',
            Accept: 'application/json',
          };
          const httpOptions: { headers: HttpHeaders } = {headers: new HttpHeaders(headers)};
  
          const apiCalls = [];
          for (const apiLink of action.apiLinks) {
            apiCalls.push(this._http.get(`${API_URL}${apiLink}${action.query}`,  httpOptions).pipe(
              map((resp: any) =&gt; resp),
            ));
          }
  
          return forkJoin(apiCalls).pipe(
            map((result) =&gt; {
              console.log(result); //prints the right result
              return this.setSearchResult({result});
            }),
            catchError(async error =&gt; {
              this._notificationHandler.showError();
              return SearchActions.searchFailed({error});
            })
          );
        })
      )
    );
  
    readonly setSearchResult = this.updater((state, result: any) =&gt; ({...state, result}));
    readonly searchResult$: Observable&lt;Array&lt;any&gt;&gt; = this.select(state =&gt; {
      console.log( 'state', state); //prints nothing unless used in the html
      return state.result;
    });
  </code></pre>
  <p><strong>Component.ts</strong> (partly)</p>
  <pre class="lang-js prettyprint-override"><code>  public _searchResult$ = this.searchStore.searchResult$;
  
    public search($event: string): void {
      this.searchStore.loadSearchResult({query: $event, apiLinks: this.apiLinks});
      console.log(this._searchResult$); //prints the anonymousObject
      this.searchResults.emit(this._searchResult$);
    }
  
  </code></pre>