🚨 Add ESLint Configuration

.eslintrc.json

@@ -0,0 +1,48 @@
+{
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:react-hooks/recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:prettier/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },
+  "plugins": [
+    "react",
+    "react-hooks",
+    "@typescript-eslint"
+  ],
+  "rules": {
+    "@typescript-eslint/ban-ts-comment": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/no-unused-vars": "warn",
+    "no-console": "warn",
+    "react/jsx-boolean-value": [
+      "warn",
+      "never"
+    ],
+    "react/jsx-no-bind": "warn",
+    "react/jsx-sort-props": [
+      "warn",
+      {
+        "reservedFirst": true
+      }
+    ],
+    "react/prop-types": "off",
+    "react/react-in-jsx-scope": "off"
+  },
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+  "env": {
+    "browser": true,
+    "node": true
+  }
+}

.github/workflows/quality.yaml

@@ -17,12 +17,20 @@ jobs:
       - name: Set up Node
         uses: actions/setup-node@v3
         with:
-          node-version: '16'
-          cache: 'yarn'
+          node-version: "16"
+          cache: "yarn"
 
       - name: Install Dependencies
         run: yarn install --frozen-lockfile
 
+      - name: Run ESLint
+        uses: wearerequired/lint-action@v2
+        with:
+          check_name: ESLint Results
+          eslint: true
+          eslint_extensions: ts,tsx,js,jsx
+          eslint_dir: src
+
       - name: Run Prettier
         uses: wearerequired/lint-action@v2
         with:

package.json

@@ -14,6 +14,8 @@
     "@semantic-ui-react/css-patch": "^1.0.0",
     "@types/node": "^17.0.40",
     "@types/react": "^18.0.12",
+    "@typescript-eslint/eslint-plugin": "^5.27.1",
+    "@typescript-eslint/parser": "^5.27.1",
     "@webpack-cli/serve": "^1.6.1",
     "babel-eslint": "^10.1.0",
     "babel-loader": "^8.2.5",
@@ -24,14 +26,11 @@
     "dotenv": "^8.2.0",
     "dotenv-expand": "^5.1.0",
     "dotenv-webpack": "^7.1.0",
-    "eslint": "^6.8.0",
-    "eslint-config-airbnb": "^18.1.0",
-    "eslint-config-react-app": "^5.2.1",
-    "eslint-loader": "^4.0.0",
-    "eslint-plugin-flowtype": "^4.7.0",
-    "eslint-plugin-import": "^2.20.2",
-    "eslint-plugin-jsx-a11y": "^6.2.1",
-    "eslint-plugin-react": "^7.19.0",
+    "eslint": "^8.17.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.30.0",
+    "eslint-plugin-react-hooks": "^4.5.0",
     "file-loader": "^6.2.0",
     "history": "^4.9.0",
     "html-webpack-plugin": "^5.5.0",
@@ -82,8 +81,5 @@
     "build": "webpack --config webpack.prod.config.ts",
     "dist": "tar -C dist -c -z -f release.tar.gz .",
     "postinstall": "semantic-ui-css-patch"
-  },
-  "eslintConfig": {
-    "extends": "react-app"
   }
 }