stores/tables/payments: Синхронизируем длину массива значений и статусов

stores/tables/payments/index.ts

@@ -1,6 +1,6 @@
 import type { Status } from 'Elements/types';
 import type { IObservableArray } from 'mobx';
-import { makeAutoObservable, observable } from 'mobx';
+import { makeAutoObservable, observable, reaction } from 'mobx';
 import type RootStore from 'stores/root';
 import Validation from '../validation';
 
@@ -21,6 +21,16 @@ export default class PaymentsTable {
     this.values = observable<number>([]);
     this.statuses = observable<Status>([]);
     makeAutoObservable(this);
+
+    /**
+     * Синхронизируем длину массива значений и статусов
+     */
+    reaction(
+      () => this.values.length,
+      (length) => {
+        this.statuses.length = length;
+      }
+    );
   }
 
   getValue(index: number) {