Всем привет!
Решил задачу следующим образом: через передачу коллбэка от родителя к дочернему элементу.
у Родителя, где будем менять делаем примерно следующее:
const [background, setBackground] = useState(" ");
Далее, используем возможность встроенных стилей в реакте:
style={{backgroundColor: background}}
И в дочерний передаем пропом:
changeBackground={background => setBackground(background)}
Во все промежуточные компоненты указываем:
changeBackground={changeBackground}
В нижний дочерний:
const [isHovered, setIsHovered] = useState(false);
onMouseEnter={() => setIsHovered(true)}
onMouseLeave={() => setIsHovered(false)}
style={{backgroundColor:`${isHovered ? changeBackground('white') : changeBackground(COLOR.STEEL_TRANSPARENT)}`}}
$emit()
, в React наверняка тоже такое должно быть.