Typescript를 사용하는 경우 ThemeProvider을 사용할 때 Theme 타입에 대한 설정이 추가적으로 요구된다.
위와 같이 emotion.d.ts 파일을 생성해준다.
그 후 Theme 안에 본인이 ThemeProvider을 통해 전달해줄 Theme 타입을 작성해주면 된다.
Theme.font와 같이 세부 내용을 곧바로 적어주는 방법과 Theme.layout과 같이 해당 테마속성의 Theme을 별도로 작성 후 import 하는 방법이 존재할텐데 개인적으로 theme/layout.ts와 같은 각각의 테마 파일에서 그에 해당하는 타입을 선언하고 그를 import해오는 방식이 관리 측면에서 보다 바람직하지 않을까 생각된다.
'잡다한 교훈' 카테고리의 다른 글
| [npm] package-lock.json (0) | 2022.03.09 |
|---|---|
| [eslint] Missing file extension ... (import/extensions) (0) | 2022.03.03 |
| Cannot find name 'regeneratorRuntime'. (0) | 2022.01.20 |
| 2022-01-14 (0) | 2022.01.15 |
| 2021-10-29 [iOS] Could not find a valid GoogleService-Info.plist in your project (0) | 2021.10.29 |