문제 파악
- 개발 환경
- NextJS: 14.1.0
- React: 18.2.0
- Emotion: 11.11.3
- Typescript: 5.3.3
- pnpm
- 문제 현상
- emotion의 css Prop이 인식되지 않는 오류 발생
문제 원인
- Typescript에서 @emotion/react/css-prop을 인식하지 못함
- 해당 prop이 존재하지 않는다고 판단하여 오류를 발생
해결 방안
- 타입스크립트 설정 파일(tsconfig.json)의 컴파일러 옵션('compilerOptions')에 css-prop 타입 추가
{
"compilerOptions": {
"types": ["@emotion/react/types/css-prop"]
}
}
결과
