[Warning] React does not recognize the x prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `x` instead. If you accidentally passed it from a parent component, remove it from the DOM el..

햄버거 메뉴를 만들다가 저런 warning을 발견했다. custom component에 props를 전달해주니 뜨는 오류였다. DOM 요소에 있는 내가 만든 prop(isMenuOpen)을 리액트가 이해하지 못해 뜨는 warning 인 것 같다.

스택 오버플로우에 검색하여 해결책을 찾았다.

위의 글을 참고하여 다음과 같이 수정했더니 더 이상 warning이 뜨지 않는다.

 

참고한 글)

https://stackoverflow.com/questions/54468535/how-to-solve-warning-react-does-not-recognize-the-x-prop-on-a-dom-element

How to solve Warning: React does not recognize the X prop on a DOM element