FormGroup не работает внутри ошибки ng-шаблона - form._updateTreeValidity не является функцией

Question

Я сейчас использую Angular Формы, но получаю сообщение об ошибке

Я пробовал другой способ, так как эта проблема уже была поднята, но у меня ничего не работает Я не понимаю, что я пропустил. Вот мой код

content.component. html

 <div class="col-12" [ngSwitch]="stateManagement">
         <ng-container *ngSwitchCase="'userInfo'" [ngTemplateOutlet]="userInfoTemplate"></ng-container>
 </div>

 <ng-template #userInfoTemplate>
 <form [formGroup]="userInfoTemplate" class="w-100">

  <div class="col-12">
    <label for="firstname">Firstname</label>
    <input type="text" class="form-control inputDesign" id="firstname" 
    placeholder="Enter Firstname"
      formControlName="firstName" name="firstname">
  </div>

 </form>
 </ng-template>

content.component.ts

  userInfoTemplate = new FormGroup({
firstName: new FormControl('',[Validators.required, Validators.minLength(1)])
})