Привет! Второй день мучает эта задача. У меня есть массив

Question

Привет! Второй день мучает эта задача. У меня есть массив

форм, в каждой из которых есть formArray:

this.myForms = this.dataSource.data.map((item) => {
return this.fb.group({
title: [item.start_point, [Validators.required]],
payments: this.fb.array([item.payments.map((payment) => {
return this.fb.group({
value: [payment.amount, [Validators.required]]
});
})
])
});
});

В темплейте у меня идёт mat-таблица, где я пытаюсь вывести список всех полей из payments

<ng-container
*ngIf="(loaded$ | async)"
[formGroup]="myForms[i]"
>
<div formArrayName="payments">
<div *ngFor="let payment of myForms[i].get('payments')?.controls | keyvalue; let j = index">
<div [formGroupName]="j">
<input
matInput
type="number"
formControlName="value"
>
</div>
</div>
</div>
</ng-container>

Но получаю ошибку
ERROR Error: Cannot find control with path: 'payments -> 0 -> value'
И в браузере всё ломается. Подскажите как решить. Спасибо!