ts config

package.json

@@ -19,6 +19,10 @@
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "@types/jest": "^29.5.13",
+    "@types/node": "^22.5.5",
+    "@types/react": "^18.3.8",
+    "@types/react-dom": "^18.3.0",
     "ag-grid-react": "^31.3.1",
     "apexcharts": "^3.44.0",
     "dayjs": "^1.11.11",
@@ -44,6 +48,7 @@
     "rsuite": "^5.64.1",
     "sass": "^1.66.1",
     "styled-components": "^6.1.11",
+    "typescript": "^5.6.2",
     "web-vitals": "^2.1.4"
   },
   "scripts": {

src/custom.d.ts

@@ -0,0 +1,6 @@
+declare module "*.svg" {
+  import React = require("react")
+  export const ReactComponent: React.FC<React.SVGProps<SVGSVGElement>>
+  const src: string;
+  export default src;
+}

tsconfig.json

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