230710 개발일지 TIL - React does not recognize the 'isActive prop on a DOM element. If you intentionally want it to appear react-dom.development. js:86 in the DOM as a custom attribute, spell it as lowercase isactive" instead.

Warning: React does not recognize the 'isActive prop on a DOM element. If you intentionally want it to appear
react-dom.development. js:86 in the DOM as a custom attribute,
spell it as lowercase isactive" instead. If you accidentally passed it from a parent component, remove it from the DOM element.

문제점
지난 번 팀 프로젝트에서 개발을 마치고 팀원 분들과 디버깅을 하고 있었다.
'isActive' prop을 인식하지 못하고 있는 문제였다.

해결방법
'isActive'을 소문자인 'isactive'로 표기해서 해결하면 되었다.

React는 일반적으로 DOM 요소에는 표준 Html 속성만 인식하므로, 사용자 정의 속성은 소문자로 표기해야 한다고 한다. 따라서 'isActive' prop을 'isactive'로 변경하거나, 해당 DOM 요소에서 'isActive' prop을 제거하면 이 에러를 해결 할 수 있었다.

느낀 점
React의 제한사항을 알고 개발을 진행하는 것이 중요하다는 것을 깨닫게 되었다.