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

조재일·2023년 4월 26일
0

Error

목록 보기
2/3

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

https://styled-components.com/docs/api#transient-props

위의 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앞에 $을 붙여야한다는 의미이다.

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

0개의 댓글