Как управлять потоком объектов in-change-in в Angular с использованием приставки

Question

Я давно использую angular-redux в своем текущем проекте на работе, недавно я заметил очень странное поведение, и мне показалось, что State мутирует! Тогда я установил Freex-Freeze и получил много object is not extensible ошибки.

Прямо сейчас проблемный поток выглядит следующим образом:

У меня есть контейнер, который имеет

@select(selector_name) data: Observable<Data>

чтобы получить кусок данных, я передаю данные дочернему компоненту, как это

<child-component [data]="data | async"...

В дочернем компоненте я могу изменить некоторые поля data Объект и отправить объект обратно в контейнер, а затем контейнер отправляет данные на сервер.

// child component
@Input() data: Data;
@Output() dataChanged = new EventEmitter<Data>();

someFunction(newFieldData: string) {
 this.data['field'] = newFieldData; // at this point 'object is not extensible' error is thrown
 this.dataChanged.emit(this.data);
}

Как правильно делать в основном то же самое, но и предотвращать object is not extensible ошибка произошла?