warning: Received `false` for a non-boolean attribute `

조재일·2023년 4월 26일


목록 보기

요즘 한번씩 보는 에러이다.
위에서 보면 boolean 속성이 아닌 loading속성이 false를 받아서 에러가 나왔다는 것이다.
그런데, 나는 loading을 속성으로 지정해놨다.
여기서 나는 문제점을 파악하기 어려워서 구글링을 시도 했다.


위의 URL 주소를 찾을 수 있었다.

5.1버전부터 적용이 되는 듯 하다.

If you want to prevent props meant to be consumed by styled components from being passed to the underlying React node or rendered to the DOM element, you can prefix the prop name with a dollar sign ($), turning it into a transient prop.

내용을 보자면, prop이 React노드에 직접 전달되는것이 아닌 styled components의 prop으로만 전달된다면 props앞에 $을 붙여야한다는 의미이다.

주니어 프론트엔드 개발자 입니다

0개의 댓글