@bem-react/di: re-render all components inside withRegistry

[yarastqt]

Проблема

На каждом рендере мы создаем вновь реестры, из-за чего все вложенные компоненты рендерятся по новой (этот поинт описан в докуменетации реакта).

bem-react/packages/di/di.tsx

Lines 27 to 43 in 4723e3d

	const providedRegistries = { ...contextRegistries }
	for (let i = 0; i < registries.length; i++) {
	const registry = registries[i]
	const overrides = contextRegistries[registry.id]
	// eslint-disable-next-line no-nested-ternary
	providedRegistries[registry.id] = registry.overridable
	? overrides
	? registry.merge(overrides)
	: registry
	: registry && overrides
	? overrides.merge(registry)
	: registry
	}
	return (
	<RegistryProvider value={providedRegistries}>

Пример — https://codepen.io/sartem/pen/wvaNjpO

Решение

Можно обернуть RegistryResolver в memo, либо советуют в документации, хранить значения контекста в локальном стейте компонента.