chore: emotion css 추가 환경설정

g-magazine-hackaton · Nov 25, 2023 · 2cf5ed2 · 2cf5ed2
1 parent 8fecec6
commit 2cf5ed2
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -38,6 +38,7 @@
     "@typescript-eslint/no-shadow": 0,
     "@typescript-eslint/no-unused-vars": 1,
     "no-restricted-syntax": 0,
+    "react/no-unknown-property": [2, { "ignore": ["css"] }],
     "prettier/prettier": [
       0,
       {

diff --git a/src/styles/styled.d.ts b/src/styles/styled.d.ts
@@ -0,0 +1 @@
+/// <reference types="@emotion/react/types/css-prop" />
diff --git a/tsconfig.json b/tsconfig.json
@@ -15,11 +15,13 @@
     "isolatedModules": true,
     "noEmit": true,
     "jsx": "react-jsx",
+    "jsxImportSource": "@emotion/react",
     "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"],
       "~/*": ["./public/*"]
-    }
+    },
+    "types": ["@emotion/react/types/css-prop"]
   },
   "include": ["src", "vite.config.ts", "test"],
   "exclude": ["node_modules"],
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		/// <reference types="@emotion/react/types/css-prop" />