Encountering an error when trying to use a form with controls.
Type 'AbstractControl' is missing the following properties from type
'FormControl': registerOnChange, registerOnDisabledChange, _applyFormState
Check out Form Code
this.checkoutForm = this.fb.group({
firstName: ['', [Validators.required, Validators.pattern('[a-zA-Z][a-zA-Z ]+[a-zA-Z]$')]],
lastName: ['', [Validators.required, Validators.pattern('[a-zA-Z][a-zA-Z ]+[a-zA-Z]$')]],
phoneNumber: ['', [Validators.required, Validators.pattern('[0-9]+')]],
address: ['', [Validators.required, Validators.maxLength(100)]],
pinCode: ['', Validators.required]
});
HTML
<input type="text"
name="firstName"
[formControl]="checkoutForm.controls['firstName']"
value=""
placeholder=""
autocomplete="off"
>