Размер содержимого объекта не имеет значения с точки зрения хранения его в состоянии. Объект не копируется, на него ссылаются.
Но если люди не управляются компонентом, то он не является частью состояния компонента, поэтому состояние не там, где оно должно быть , Компонент должен просто закрыть импорт этих данных или использовать контекст, представляющий эти данные, или получить их в подпорках, и т. Д. c.
Наличие больших данных в состоянии React прекрасно. На самом деле нет предела тому, что вы можете хранить там, и само состояние React не накладывает никаких ограничений на размер, который оно может хранить.
Проблема с большими наборами данных возникает при рендеринге таких данных. Например, если у вас есть таблица, которая должна отображать тысячи строк, это замедлит работу браузера. Мы говорим о тысячах записей, хотя сотни вообще не должны быть проблемой.
Если вам нужно отрендерить тысячи точек данных, вы можете использовать компоненты / библиотеки, которые помогают с этим, такие как React Virtualized, который будет отображать только необходимые элементы, а не все.
Как видите, проблема не в том, что вы храните, а в том, что вы визуализируете. Я рекомендую не беспокоиться о том, что вы визуализируете, пока не заметите проблему с производительностью, как только вы достигнете этой точки, вам нужно будет начать оптимизацию.
Если вы не уверены, что у вас будут проблемы с производительностью, оптимизация с самого начала вы можете потерять время, проведенное в другом месте.