feat: migrate to TS

.eslintrc.json

@@ -4,14 +4,21 @@
         "es2021": true
     },
     "extends": [
-        "standard-with-typescript",
+        "eslint:recommended",
+        "plugin:@typescript-eslint/recommended",
         "plugin:react/recommended",
         "prettier"
     ],
+    "root": true,
+    "parser": "@typescript-eslint/parser",
     "parserOptions": {
         "ecmaVersion": "latest",
-        "sourceType": "module"
+        "sourceType": "module",
+        "project": ["tsconfig.json"]
     },
-    "plugins": ["react"],
-    "rules": {}
+    "plugins": ["@typescript-eslint"],
+    "rules": {
+        "@typescript-eslint/explicit-function-return-type": "off",
+        "@typescript-eslint/no-non-null-assertion": "off"
+    }
 }

package.json

@@ -14,11 +14,9 @@
         "@types/react": "^18.2.20",
         "@types/react-dom": "^18.2.7",
         "bootstrap": "^4.6.1",
-        "customize-cra": "^1.0.0",
         "moment": "^2.29.4",
         "ramda": "^0.26.1",
         "react": "^18.2.0",
-        "react-app-rewired": "^2.2.1",
         "react-bootstrap": "^2.1.0",
         "react-dom": "^18.2.0",
         "react-full-screen": "^1.1.0",
@@ -29,14 +27,10 @@
         "redux-thunk": "^2.3.0"
     },
     "scripts": {
-        "start": "react-app-rewired start",
-        "build": "react-app-rewired build",
-        "test": "react-app-rewired test",
-        "eject": "react-app-rewired eject",
-        "lint": "eslint ./src --fix"
-    },
-    "eslintConfig": {
-        "extends": "react-app"
+        "start": "react-scripts start",
+        "build": "react-scripts build",
+        "test": "react-scripts test",
+        "eject": "react-scripts eject"
     },
     "browserslist": [
         ">0.2%",
@@ -45,9 +39,10 @@
         "not op_mini all"
     ],
     "devDependencies": {
+        "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
         "@types/react-redux": "^7.1.24",
-        "@typescript-eslint/eslint-plugin": "^5.62.0",
-        "@typescript-eslint/parser": "^5.42.1",
+        "@typescript-eslint/eslint-plugin": "^6.7.3",
+        "@typescript-eslint/parser": "^6.7.3",
         "classnames": "^2.2.6",
         "eslint": "^8.47.0",
         "eslint-config-prettier": "^9.0.0",

src/App.tsx

@@ -1,30 +1,30 @@
-import React, { PureComponent } from "react";
-import "./App.css";
-import "./Theme.css";
+import React, { PureComponent } from 'react'
+import './App.css'
+import './Theme.css'
 
 // Images
-import backgrounds from "./shared/backgrounds";
+import backgrounds from 'shared/backgrounds'
 
 // Pages
-import Home from "./pages/Home";
+import Home from './pages/Home'
 
 class App extends PureComponent {
-  state = {
-    bg: "bg1",
-  };
+    state = {
+        bg: 'bg1',
+    }
 
-  render() {
-    return (
-      <div
-        className="App"
-        style={{
-          backgroundImage: `url(${backgrounds[this.state.bg]})`,
-        }}
-      >
-        <Home />
-      </div>
-    );
-  }
+    render() {
+        return (
+            <div
+                className="App"
+                style={{
+                    backgroundImage: `url(${backgrounds[this.state.bg]})`,
+                }}
+            >
+                <Home />
+            </div>
+        )
+    }
 }
 
-export default App;
+export default App