Warning 기록

Warning: Received `false` for a non-boolean attribute `active`.

If you want to write it to the DOM, pass a string instead: active="false" or active={value.toString()}.

If you used to conditionally omit it with active={condition && value}, pass active={condition ? value : undefined} instead.

사이드바 탭 클릭하는 부분에서 이런 Warning이 떠서 거슬렸던 차에 문제가 되는 부분을 찾아보니 <SidebarMenuItem /> 이라는 컴포넌트에 active라는 props를 boolean값으로 넘겨주고 있었다. 그런데 SidebarMenuItem은 화면에 보여지는 컴포넌트인데 active라는 props가 인자로 받는 부분에 빠져있어서 문제가 되었던 것이다. 궁금한 점은 active를 boolean으로 설정해주었는데 왜 이런 경고가 뜨는가 하는 것이다.