Почему нельзя мутировать состояние

Мутация состояния напрямую может привести к непредсказуемому поведению приложения, так как React полагается на иммутабельность для корректного сравнения предыдущего и нового состояний. При мутации объект остаётся тем же (по ссылке), и React может пропустить необходимость ререндера.

Пример плохого подхода:

// ❌ Неправильно
state.items.push(newItem);
setState(state); // React не увидит изменений

Правильный подход с созданием нового объекта/массива:

// ✅ Правильно
setState(prevState => ({
  items: [...prevState.items, newItem]
}));

Мутация особенно опасна при работе с вложенными структурами данных. Всегда используйте spread-оператор, map, filter, Object.assign или библиотеки типа Immer для безопасного обновления состояния.