1. 발생

토이프로젝트를 진행하는데 호버되면 이벤트를 발생시켜야하는 동작을 구현하고 싶었다. onMouseEnter, onMouseLeave를 사용하면 되는 줄 알았으나, 호버될 때 이벤트가 발생하지 않고, onClick 이벤트가 실행되는 일이 발생되었다..

2. 발생원인

깃헙과 스택오버플로우를 아무리 뒤지고 찾아봐도 이러한 현상이 발생하는 이유를 찾지 못해서 한참을 해맸다..

3. 해결

계속 구글링을 하던 도중..

스택오버플로우에서 이러한 글을 발견하게 되었고, 개발자 도구를 끄고 해보니 이벤트가 정상적으로 발생하게 되었다..

참고

https://stackoverflow.com/questions/62441167/reactjs-framework-mouseover-and-mouseenter-are-not-recognised-though-onclick-wo