[Typescript] Attempted import error: 'createGlobalStyle' is not exported from 'styled-components'

---

타입스크립트 기반 리액트 프로젝트에서
createGlobalStyle이 안 불러와질 때

---

문제

타입스크립트 프로젝트에서 styled-compontents를 쓰기 위해
아래와 같이 공식 문서에 나와 있는 대로 styled-components를 설치했다

npm install --save styled-components
//or
yarn install styled-components

 

그리고 global style을 적용하기 위해 createGlobalStlye을 불러왔다

import { createGlobalStyle } from 'styled-components';

 

그리고 맞이한 에러.. ^^

불러올 수가 없다니.
근데 친절하게 해결법도 알려준다!

 

해결

@types/styed-components를 설치하면 된다!

npm i --save-dev @types/styled-components
//or
yarn add -D @types/styled-components

 

해결이 되었다면 

타입스크립트 프로젝트에 styled-components로 global style 적용하기! (클릭)
를 보고 글로벌 스타일을 적용해봅시다 🥳

---

참고

styled-components에서 제공하는 typescript 가이드

styled-components: API Reference