Кажется, что вы просто передаёте дальше оставшиеся пропсы. Но каждый из них в итоге попадает в ваш
div. Атрибуты data, которым там не место. Пропсы, которые вызывают обновления при повторном рендере родителя, даже если фактические данные вашего компонента не изменились.Этот паттерн коварен, потому что выглядит аккуратно.
Деструктурируйте только те пропсы, которые реально использует компонент. Распространяйте (
spread) только то, что должно попасть в DOM. Всё остальное должно останавливаться на границе компонента.Более чистые элементы, меньше лишних ререндеров и меньше отладки в пятницу вечером.
@WebDev_Plus