#419.2 채팅 페이지 typescript 전환 / #540 채팅 UI/UX 개선

.eslintrc.json

@@ -24,10 +24,7 @@
   "rules": {
     "no-unused-vars": 1,
     "react/react-in-jsx-scope": "off",
-    "react/no-unknown-property": [
-      "error",
-      { "ignore": ["chatcheckout", "css"] }
-    ]
+    "react/no-unknown-property": ["error", { "ignore": ["css"] }]
   },
   "overrides": [
     {

.prettierrc.json

@@ -12,8 +12,10 @@
   "requirePragma": false,
   "semi": true,
   "singleQuote": false,
+  "plugins": ["@trivago/prettier-plugin-sort-imports"],
   "importOrder": [
     "<THIRD_PARTY_MODULES>",
+    "^types/",
     "^hooks/",
     "^components/|^pages/",
     "^[./]",

craco.config.js

@@ -1,16 +1,4 @@
-const CracoAlias = require("craco-alias");
-
 module.exports = {
-  plugins: [
-    {
-      plugin: CracoAlias,
-      options: {
-        baseUrl: "./src",
-        source: "tsconfig",
-        tsConfigPath: "./tsconfig.paths.json",
-      },
-    },
-  ],
   babel: {
     presets: [
       [

package.json

@@ -10,15 +10,12 @@
     "@emotion/react": "^11.10.6",
     "@emotion/styled": "^11.10.6",
     "@material-ui/icons": "^4.11.2",
-    "@mui/icons-material": "^5.3.1",
+    "@mui/icons-material": "^5.14.1",
     "@mui/material": "^5.4.1",
     "@svgr/webpack": "5.5.0",
-    "@types/qs": "^6.9.7",
-    "@types/react": "^17.0.0",
     "antd": "^5.4.6",
     "axios": "^0.21.1",
     "browser-image-compression": "^2.0.0",
-    "craco-alias": "^3.0.1",
     "cross-env": "^7.0.3",
     "dayjs": "^1.11.7",
     "dotenv": "^16.0.0",
@@ -29,13 +26,13 @@
     "moment": "^2.29.3",
     "prop-types": "^15.8.1",
     "qs": "^6.11.0",
-    "react": "^17.0.1",
+    "react": "^18.2.0",
     "react-cookie": "^4.1.1",
-    "react-dom": "^17.0.1",
+    "react-dom": "^18.2.0",
     "react-ga4": "^1.4.1",
     "react-i18next": "^12.0.0",
     "react-qr-code": "^2.0.11",
-    "react-router-dom": "^5.2.0",
+    "react-router-dom": "^5.3.3",
     "recoil": "^0.7.5",
     "socket.io-client": "^4.3.2",
     "use-state-with-callback": "^3.0.2"
@@ -67,11 +64,13 @@
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^4.1.1",
     "@types/craco__craco": "^6.4.0",
+    "@types/qs": "^6.9.7",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "@types/react-router-dom": "^5.3.3",
     "@types/eslint": "^8.44.0",
     "@types/eslint-config-prettier": "^6.11.0",
     "@types/prop-types": "^15.7.5",
-    "@types/react-dom": "^17.0.20",
-    "@types/react-router-dom": "^5.3.3",
     "@typescript-eslint/eslint-plugin": "^5.37.0",
     "@typescript-eslint/parser": "^5.37.0",
     "cypress": "^10.3.1",
@@ -84,6 +83,9 @@
     "eslint-plugin-jsx-a11y": "^6.4.1",
     "eslint-plugin-react": "^7.26.1",
     "eslint-plugin-react-hooks": "^4.2.0",
-    "typescript": "^4.7.4"
+    "typescript": "^5.1.6"
+  },
+  "resolutions": {
+    "@types/react": "^17.0.2"
   }
-}
+}