[react] Warning: Received `false` for a non-boolean attribute

?

: done이라는 props를 넘기는 부분에서 발생한 문제.
React DOM이 알지 못하는 키워드여서 나오는 warning

!

Styled는 custom props들이 React props 로 전달 되거나, DOM 요소로 렌더링 되지 않도록 기호($)를 prefix로 붙이는 기능을 제공

//before
<WorkItem text={work.WORK} done={work.DONE_YN==="Y"} />

//after
<WorkItem text={work.WORK} $done={work.DONE_YN==="Y"} />

props는 전달되지만 HTML attribute로는 추가되지 않는다.

참고
https://velog.io/@yeonbot/Warning-Received-true-for-a-non-boolean-attribute-%ED%95%B4%EA%B2%B0%ED%95%98%EA%B8%B0