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

Question

React делает ререндер только тогда, когда меняются state или props компонента. Изменение обычного JavaScript-объекта вне React происходит “мимо” его системы обновлений. React не отслеживает мутации и не подписывается на изменения внешних объектов. Поэтому такие изменения остаются для него невидимыми и не приводят к перерисовке.

YeaHub · Accepted Answer

React намеренно ограничивает источники рендера, чтобы поведение приложения было предсказуемым.Как React решает, когда ререндеритьсяПеред перечислением важно зафиксировать базовую идею: React — это реакция на изменения входных данных.Ререндер происходит при изменении state.Ререндер происходит при изменении props.Всё остальное React игнорирует.Почему мутация внешнего объекта не учитываетсяНет подпискиReact не знает, что объект изменился.Нет смены ссылкидаже если объект используется в компоненте, его ссылка остаётся прежней.Нет вызова setStateReact не получил сигнал о необходимости обновления.Пример проблемыconst externalConfig = { theme: "light" };

// где-то в коде
externalConfig.theme = "dark";
// React об этом не узнает
ВыводИзменение объекта вне React не вызывает ререндер, потому что React реагирует не на мутации, а на управляемые изменения через state и props.