Почему изменение объекта вне React не вызывает ререндер?

React намеренно ограничивает источники рендера, чтобы поведение приложения было предсказуемым.

Как React решает, когда ререндериться

Перед перечислением важно зафиксировать базовую идею: React — это реакция на изменения входных данных.

1. Ререндер происходит при изменении state.

2. Ререндер происходит при изменении props.

3. Всё остальное React игнорирует.

Почему мутация внешнего объекта не учитывается

1. Нет подписки

   • React не знает, что объект изменился.

2. Нет смены ссылки

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

3. Нет вызова setState

   • React не получил сигнал о необходимости обновления.

Пример проблемы

const externalConfig = { theme: "light" };

// где-то в коде
externalConfig.theme = "dark";
// React об этом не узнает

Вывод

Изменение объекта вне React не вызывает ререндер, потому что React реагирует не на мутации, а на управляемые изменения через state и props.