title: Type 'Promise<any>' is missing the following properties
body: <p>I am using HttpClient and HttpResponse(think so not available in the package) from @angular/common/http to get a response from fiberbase in agular but there some type cast problem in mapping the response as i think response generates Observable as return type. Could any one suggest where i am getting wrong.</p>
  
  <p>I am getting error at const recipes while assigning it which states("Type 'Promise' is missing the following properties from type 'Recipe[]': length, pop, push, concat, and 26 more")</p>
  
  <pre><code>import { HttpClient,HttpResponse } from '@angular/common/http';
  </code></pre>
  
  <pre><code>getRecipes(){
          this.http.get('https://ng-recipe-book-cb551.firebaseio.com/recipes.json')
          .map(
              (response: Response) =&gt; {
                  const recipes: Recipe[] = response.json();
                  for(let recipe of recipes){
                      if(!recipe['ingredients']){
                          recipe['ingredients'] = [];
                      }
                  }
                  return recipes;
              }
          )
              .subscribe(
                  (recipes: Recipe[]) =&gt; {
                      this.recipeService.setRecipes(recipes);
                  }
              );
      }
  </code></pre>
  
  <p>I am expected to get array of recipes from response.json</p>