nexjs + emotion css props 설정

package 추가

yarn add @emotion/react @emotion/styled
yarn add @emotion/babel-plugin -D

.babelrc

{
  "presets": [
    [
      "next/babel",
      {
        "preset-react": {
          "runtime": "automatic",
          "importSource": "@emotion/react"
        }
      }
    ]
  ],
  "plugins": ["@emotion/babel-plugin"]
}

.eslintrc

{
  "extends": "next/core-web-vitals",
  "rules": {
    "react/no-unknown-property": ["error", { "ignore": ["css"] }]
  }
}

tsconfig.json

{
	"compilerOptions": {
		...,
		"types": ["@emotion/react/types/css-prop"]
	}
}