Движение элемента за мышкой в пределах div react

Допустим у меня есть

<div>
<p>Какой то текст</p>
</div>

Также у меня есть скрытый компонент с анимацией - иконка и при наведение на этот див компонент появляется и должен двигаться за курсором. Я реализовал появление компонента на хуках и с использованием методов onMouseLeave и onMouseEnter, но он статичен, появляется в определённом месте. Не могу придумать как привязать компонент к курсору. Думаю в сторону onMouseMove, возможно и хуки не нужны в этом случае.