styled component No overload matches this call. 오류

컴포넌트에서 styled.ts에 props를 넘겨줄때, styled.ts에서 props type을 몰라 생긴 이슈

 

컴포넌트에서 생성해준 타입 (interface , type )을 넘겨줘서 타입 설정 해주면 된다. 

 

// Button.styled.ts
import styled from "styled-components";
import { IButton } from "./index"; //Button컴포넌트에서 받은 인터페이스 넘겨주기
const Button = styled.button<IButton>` // 타입 설정 
	.... 
`;
export { Button };