[styled-components] it looks like an unknown prop "colorType" is being sent through to the DOM

잘 작동하나 styled-components에서 경고를 주고 있다.

왜 발생하는 것일까?

---

원인

발생하는 곳은 

이 부분으로 StyledButton은 버튼으로 만들어져 있는데, 해당 HTML 태그에 정의되지 않은 colorType을 props로 주고 있어서 생긴 경고이다.

styled-components 사용시에 정의되지 않은 props가 DOM에 전달될 때 이러한 오류가 발생한다.

---

해결

트랜스파일된 프롭스를 생성하여 속성을 필터링하여 DOM에 전송되지 않도록 한다.

styled-components의 내장 기능 중 하나로 $로 시작하는 속성은 자동 필터링된다.

$ 추가

스타일드 컴포넌트에도 동일하게 $ 추가