Angular v8.1.9: Reactive Form not responding when value changes

// app.component.html

< form [formGroup]="profileForm" (ngSubmit)="onSubmit()">

 <label for="first-name">First Name: </label>

 < input id="first-name" type="text" formControlName="firstName" required/>



 <label for="last-name">Last Name: </label/>

 < input id="last-name" type="text" formControlName="lastName"/>



 <p>Complete the form to enable button.</p>

 <em> Button is invalid</em>

 < button type="submit" [disabled]="!profileForm.valid">Submit</button>

 <hr>

 <em>Not showing value right away</em>

 <p>Form Value: {{ profileForm.value | json }}</p>

 <em>Not showing value right away</em>

 <p>Form Status: {{ profileForm.status }}</p>

 </form>

// app.component.ts

this.profileForm = this.fb.group({

 firstName: ["", Validators.required],

 lastName: [""],

 });

 setTimeout(() => {

 this.profileForm.patchValue({

 firstName: "Robert",

 lastName: "Landis",

 });

 console.log(this.profileForm.value);

 }, 1000);