styled-components 에러 :'DefaultTheme' 형식에 " "속성이 없습니다.ts(2339)

 

 

 

 

interface Theme extends DefaultTheme {
  bgColor: string;
  textColor: string;
}

DefaultTheme를 import 후에도 bgColor와 textColor가 속성이 없다고 나타남.

 

 

 

 해결 방법 

src 폴더에 styled.d.ts 파일을 추가해주고 아래과 같이 작성한다.

import "styled-components";

declare module "styled-components" {
  export interface DefaultTheme {
    bgColor: string;
    textColor: string;
    accentColor: string;
  }
}