Обновить массив объектов в React redux

Я новичок в react-redux.

const initialState = {
    Low: [
        {
            id: 0,
            type: '',
            count: '',
            allowded: 6,
            level: 'EASY'
        }
    ],
    Medium: [
        {
            id: 0,
            type: '',
            count: '',
            allowded: 7,
            level: 'MEDIUM'
        }
    ],
    High: [
        {
            id: 0,
            type: '',
            count: '',
            allowded: 7,
            level: 'TOUGH'
        }
    ]
}

Это значение моего начального состояния.

После этого ,

onChange(event, tobeupdated, id, type, noc, data) {
   let newData = { ...this.props.data };
    if (newData) {
      let data = newData[type].map((object, index) => {
        if (object.id === id) {
          object[tobeupdated] = event.target.value;
          const tobeData = newData[type];
         this.props.updateLowLevel({tobeData, type}).then(() => {
            let criteria_filled = this.disableAddbutton({ ...this.props.data }, type);
            addedRow = `new${type}RowAdded`;
            this.setState({
              [addedRow]: criteria_filled ? true : false
            })
});
}

Таким образом я обновляю значения объекта. а затем заменить весь объект.

return (dispatch) => {
    dispatch({
      type: QUIZ_DATA,
      data: tobeUpdated,
    });
    return Promise.resolve();
  }
}

В моем редукторе

case QUIZ_DATA:
            return {
                ...state,
                [action.data.type]: [action.data.tobeData],
                error: false,
            }

Итак, вот что происходит, когда я меняю, скажем, type, а затем он добавляет этот массив объектов в качестве дочерних к предыдущему массиву. поэтому его добавляется столько, сколько вы добавляете. ТАК, из-за этого я не могу получить этот рендеринг должным образом.

Итак, что происходит, Низкий:

Этот способ добавляется. Итак, как я могу это сделать?

Может ли кто-нибудь управлять мной этим?