Компонент работает даже с редукцией состояния мутации

Question

Я знаю, это может звучать странно, но я хотел бы создать некогерентное состояние в своем приложении Redux в качестве примера для студентов и сгенерировать ошибку.

Так что я специально сделал мутацию состояния, но компонент отрисовывается правильно, и все в порядке!

Мой пример - просто приложение счетчика, вы нажимаете на кнопку, и отображаемое значение будет увеличиваться.

Мое действие:

export function incrementCounter() {
return {
    type: INCREMENT_COUNTER,
};

}

Мой редуктор с мутацией состояния:

export default function ressourceReducer(state = initialState, action) {
switch (action.type) {
    case INCREMENT_COUNTER:
    // here it is ( redux invariant even throw and error if activated )
        state.counter++; 
        return {
            counter: state.counter
        }

}
return state;

}

Мой компонент:

const mapStateToProps = state => ({
    counter: state.ressource.counter,
});

Корневой редуктор:

const rootReducer = combineReducers({
  ressource: ressourceReducer
});

Проблема, реквизит this.props.counter согласован, в классе нет проблем с рендерингом ...

Можете ли вы помочь создать мутацию состояния, которая окажет реальное влияние?