Form validation does not update errors Reactive Forms Angular

The email field is required but when filling it in, errors keep appearing under the field:

The FormControl associated to the field:

this.dataForm = this.formBuilder.group({
    email: new FormControl('', {
        validators: [ Validators.email, Validators.required ],
        asyncValidators: [ usernameValidator(this.usersService) ],
        // updateOn: 'change',
    })
});

The Email field:

Note: It does not give an error message in either the console or the terminal.

There was a typo. It should be formControlName instead of formcontrolname in home.page.html.