[Styled-Components] Cannot create 에러
React 컴포넌트를 스타일링 할 때 발생하는 에러
평소처럼 React 컴포넌트를 스타일링 하기 위해 아래처럼 코드를 작성하였다.
const StyledBtn = styled(Btn)``;
하지만 다음과 같은 에러가 발생하였다.
Error: Cannot create styled-component for component: undefined.
에러 발생 이유
StyledBtn이 Btn보다 먼저 생성되기 때문이다.
해결
const StyledBtn = styled((props) => <Btn {...props} />)``;