Хуки вообще неприменимы для class components в react. Как написал Антон тут следует сделать нормальный подход средствами реакта. Если очень хочется через родительский компонент управлять элементами дочернего - можно использовать ref через React.createRef() в классах и useRef в FC.
Что делает и зачем UseEffects используется в коде я не понял. Это не компонент реакта, возвращает эта функция саму себя. Это и не high order component и не FC. useEffect должен зависеть от внешних параметров, которые могут поменяться. Если надо его вызвать один раз на рендер компонента, то зависимости [], если каждый раз - вообще не указывать значение.
Сделайте передачу через props делегата на вызов функции родительского компонента и откажитесь от прямой работы с DOM (если есть хотя бы один вариант сделать это средствами реакта)
Не пишите стили напрямую, попробуйте сделать правильный класс с атрибутом {display: block}, например .block и на метод нажатия кнопки добавляйте стиль. Если стиль в другом компоненте - пробросьте через props методы изменения, или используйте контекст, redux и тп
