emotion css prop

terminal

yarn add @emotion/css @emotion/react @emotion/babel-preset-css-prop
yarn add -D react-app-rewired customize-cra

tsconfig.json

{
  "compilerOptions": {
    // ...
    "jsxImportSource": "@emotion/react"
  }
}

• jsx 엘리먼트에서 css 속성을 사용할 수 있다

참고

• https://emotion.sh/docs/typescript#css-prop
• https://emotion.sh/docs/@emotion/babel-preset-css-prop#install
• https://github.com/chinsun9/react-ts-template/tree/cra5.css-prop