RROR Error: Cannot find control with path: 'IncomeList -> verified' - angular8

Question

I am creating dynamic reactive form using Angular 10, it has the nested structure, when I try to bind the form to the template I have the below errors
**The main form has below structure
main form --> formArray--> formGroup --> controls/FormGroup
How do I bind this nested structure in HTML form?**
>its a dynamic form
```buildForms() {
const incomeList: FormArray = this.fb.array([]);
this.declaredFinancialInfo.Income.forEach((item: Income2, index: number) => {
incomeList.push(this.createIncomeForm(item,
this.verifiedFinancialInfo.Income[index]));
});
this.applicantForm = this.fb.group({
DeclaredAnnualIncome: new
FormControl(this.verifiedFinancialInfo?.DeclaredAnnualIncome || null, []),
IncomeList: incomeList,
});
createIncomeForm(declared: Income2, verified: Income2): FormGroup {
const incomeForm = this.fb.group({});
const verifiedIncomeForm = this.fb.group({});
for (let key in verified) {
if (key === 'Source') {
verifiedIncomeForm.addControl(key, new FormControl(verified[key] || '',
[Validators.required]));
} else if (key === 'OfficialMnthIncome') {
verifiedIncomeForm.addControl(key, new FormControl(verified[key] || null,
[Validators.required]));
} else if (key === 'GreyMnthIncome') {
verifiedIncomeForm.addControl(key, new FormControl(verified[key] || null,
[]));
} else if (key === 'MaternityEndDate') {
verifiedIncomeForm.addControl(key, new FormControl(verified[key] || new
Date(), []));
} else if (key === 'BusinessIncome') {
} else {
verifiedIncomeForm.addControl(key, new FormControl(verified[key]));
}
}
incomeForm.addControl('verified', verifiedIncomeForm);
return incomeForm;
}
```
<form [formGroup]="applicantForm">
<div *ngFor="let alias of incomeLIstArray.controls; let i=index">
<div formArrayName="IncomeList">
<div class="form-group" *ngFor="let _verified of alias?.controls?.verified?.controls | keyvalue; let i = index;">
<div formGroupName="verified">
{{ _verified.key }}
<select class="form-control"
[ngClass]="{'submitted': isSubmit}" formControlName="{{_verified.key}}" name="{{_verified.key}}">
<option value="">-{{'lbl_SelectOption' | translate}}</option>
<option *ngFor="let item of dropdowns?.CB_IncomeSource?.Item;"
[value]="item.Value">{{item.Description}}</option>
</select>
</div>
</div>
</div>
</div>
</form>```
The above code throws the below error
core.js:4442 ERROR Error: Cannot find control with path: 'IncomeList -> verified'
core.js:4442 ERROR Error: Cannot find control with path: 'IncomeList -> verified -> Currency'