styled-component 문서에 따르면 className을 전달해야 custom 혹은 third-party components에서도 잘 동작한다고 한다.
The styled method works perfectly on all of your own or any third-party components, as long as they attach the passed className prop to a DOM element.
다른 component의 style을 수정한 새로운 component를 사용하고 싶다면 기존의 component에서 props.className를 전달받도록 작성하자!
참고 및 출처
- [stackoverflow] Extending styles with styled-components not working - 바로가기
