Почему мы должны отдавать предпочтение неизменности в Redux

Question

Я новичок в Redux и учился работать с ним и пытался понять, как он работает за кулисами. Но я столкнулся с путаницей с тем, почему мы должны сохранять неизменность состояния в Redux, я признаю, что уже был задан вопрос, близкий к моему Почему объекты в Redux должны быть неизменяемыми? но там я не мог 'не могу найти четкого объяснения того, почему мы должны сохранять неизменность государства. Например, у меня есть этот код, который изменяет состояние при нажатии кнопки, и приведенный ниже код работает довольно хорошо, даже если я изменяю состояние:

const initialState = {
  counter: 0
};

const reducer = (state = initialState, action) => {
  if (action.type === "INCREMENT") {
    return {
      counter: state.counter + 1
    };
  }
  return state;
};

export default reducer;

Пожалуйста, не могли бы вы объяснить, почему вышеуказанный код работает нормально, даже если я изменяюсостояние и почему я должен сделать его неизменным.