[순요] style-components: jsx, css props issue with typescript (1)

배경

• @emotion/react 에서 css를 import 해서 쓰려고 하는데 계속 타입스크립트 에러로 잡힌다.

해결

• babel preset 설정을 하거나 JSX Pragma를 설정해줘야 한다.

• 공식 문서 대로 /** @jsx jsx */ 로 Pragma 설정해도 아래와 같이 오류가 나타날 수 있다.

Error: 
  x pragma cannot be set when runtime is automatic

 /** @jsxImportSource @emotion/react */

참고