How do I read properties of object

getProductById(id: number){
    return this.http.get<Product>(`${this.baseUrl}/getProductById/${id}`);
  }

ngOnInit() {

    this.initializeForm();
    const id = Number(this.route.snapshot.paramMap.get('id'));
    if (id) {
      console.log(id);
      this.productService.getProductById(id).subscribe(
      product => this.product = product)
    }
    else { console.log('id is not defined') }

    this.updateForm.setValue(
    {
      productId: this.product.productId,
      productName: this.product.productName,

    });
  }

  initializeForm()
    {
      this.updateForm = new FormGroup({
        productId: new FormControl({value: '', disabled: true }),
        productName: new FormControl(),
      });
    }

  getProduct(id: number)  {
    this.productService.getProductById(id).subscribe({
       next: product => this.product = product,
       error: err => this.errorMessage = err
    });
  }
}