vite react-ts에서 emotion css prop 쓰기

vite.config.ts

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    react({
      jsxImportSource: '@emotion/react',
      babel: {
        plugins: ['@emotion/babel-plugin'],
      },
    }),
  ],
});

tsconfig.json

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

참고

• https://dev.to/glocore/configure-emotion-with-your-vite-react-project-7jl