Quando estou atualizando meu Html com a resposta Obj usando HttpClient, ele atualiza os valores, mas gera erros. gentilmente ajuda!

Nome do arquivo - auth-service.ts

import { any } from 'codelyzer/util/function';
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable()
export class AuthService {

  constructor(private httpClient: HttpClient) { }
  get() {
    return this.httpClient.get<any>('/capi/v2/users/me', {
      observe: 'body',
      responseType: 'json'
    });
  }
};

Nome do arquivo - dashboard.component.ts

import { AuthService } from './../../services/api/auth-service';

import { Component, Injectable, OnInit } from '@angular/core';

@Component({
    selector: 'app-dashboard',
    templateUrl: './dashboard.component.html'
})

@Injectable()
export class DashBoardComponent implements OnInit {
    user;
    constructor(private authService: AuthService) {};

    ngOnInit() {
         this.authService.get()
        .subscribe(
          (response) => {
              this.user = response;
          }
        );
    }
}

O objetivo da resposta é -

{

"firstName": "xyz",
"lastName": "abc",
"active": true

}

Nome do arquivo - dashboard.component.html

<div class="container-fluid text-center">
    <h1 class="bold m-t m-b-xs">Hey there!</h1>
    <h3 class="m-b">How are you doing today?</h3>


    {{ user.active }}

    <div class="block clear m-a">&nbsp;</div>

    <div class="row m-t p-t">
      <div class="col-xs-12">
      </div>
    </div>
</div>

Erro no console