title: Pipe not correctly mapping and error handling Angular
body: <p>I have a method in a service which returns an Observable. When I subscribe to the observable when I call the method in my component everything works fine and i get my account properly:</p>
  
  <pre><code>this.service.getAccountDetails(username)
      .subscribe(account =&gt;{
          this.podcasts.push(account);
      });
  </code></pre>
  
  <p>However when I tried to implement this using a pipe with a map and catchError it returns nothing.</p>
  
  <pre><code>this.service.getAccountDetails(username)
      .pipe(
          map(account =&gt; {
              this.podcasts.push(account);
          }),
          catchError((error: Error) =&gt; {
              //Do some error stuff
              return of(null);
          })
      );
  </code></pre>
  
  <p>The method in the service I call looks like this:</p>
  
  <pre><code>getAccountDetails(u:String): Observable&lt;Object&gt; { }
  </code></pre>
  
  <p>Obviously I must have some annoying syntax error, but for the love of God I can't find it. Please help!</p>