feat: add dependencies for typescript env

package.json

@@ -11,15 +11,25 @@
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.7",
     "@reduxjs/toolkit": "^1.8.2",
     "@svgr/webpack": "^6.2.1",
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^13.3.0",
+    "@testing-library/user-event": "^13.5.0",
     "@tippyjs/react": "^4.2.6",
     "@toast-ui/editor": "^3.1.7",
     "@toast-ui/editor-plugin-code-syntax-highlight": "^3.0.0",
     "@toast-ui/react-editor": "^3.1.7",
+    "@types/jest": "^27.5.2",
+    "@types/node": "^16.11.41",
+    "@types/react": "^18.0.12",
+    "@types/react-dom": "^18.0.5",
     "@udecode/plate": "^13.0.0",
     "@uiball/loaders": "^1.2.6",
     "animate.css": "^4.1.1",
     "babel-loader": "^8.2.5",
     "babel-plugin-named-asset-import": "^0.3.8",
+    "babel-plugin-polyfill-corejs2": "^0.3.1",
+    "babel-plugin-polyfill-corejs3": "^0.5.2",
+    "babel-plugin-polyfill-regenerator": "^0.3.1",
     "babel-preset-react-app": "^10.0.1",
     "bfj": "^7.0.2",
     "browserslist": "^4.20.4",
@@ -60,6 +70,7 @@
     "react-redux": "^8.0.2",
     "react-refresh": "0.14.0",
     "react-router-dom": "6",
+    "react-scripts": "^5.0.1",
     "react-string-replace": "^1.1.0",
     "react-textarea-autosize": "^8.3.4",
     "react-window": "^1.8.7",
@@ -76,6 +87,7 @@
     "swiper": "^8.2.4",
     "terser-webpack-plugin": "^5.3.3",
     "tippy.js": "^6.3.7",
+    "typescript": "^4.7.3",
     "webpack": "^5.73.0",
     "webpack-dev-server": "^4.9.2",
     "webpack-manifest-plugin": "^5.0.0",
@@ -123,6 +135,9 @@
   "devDependencies": {
     "@commitlint/cli": "^17.0.2",
     "@commitlint/config-conventional": "^17.0.2",
+    "@types/styled-components": "^5.1.25",
+    "@typescript-eslint/eslint-plugin": "^5.10.1",
+    "@typescript-eslint/parser": "^5.10.1",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-prettier": "^4.0.0",

src/react-app-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="react-scripts" />

tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx"
+  },
+  "include": ["src", "src/types/*.d.ts", "src/locales/*.d.ts"]
+}