.eslintrc.js: fix configuration, add more rules, fix lint errors

Author: ethan-mfb

.eslintrc.js

@@ -1,16 +1,74 @@
 // Copyright 2022 MFB Technologies, Inc.
 
 module.exports = {
+  settings: {
+    react: {
+      version: "detect"
+    }
+  },
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    ecmaVersion: "latest",
+    sourceType: "module",
+    ecmaFeatures: {
+      jsx: true
+    },
+    project: ["./tsconfig.json"]
+  },
+  env: {
+    es6: true,
+    browser: true,
+    node: true
+  },
+  ignorePatterns: ".eslintrc.js",
   extends: [
-    "react-app"
+    "plugin:react/recommended",
+    "plugin:react-hooks/recommended",
+    "plugin:@typescript-eslint/recommended-type-checked",
+    "plugin:react/jsx-runtime"
   ],
   overrides: [
     {
-      files: ["**/*.ts?(x)"],
+      files: ["*.ts", "*.tsx"],
       rules: {
+        "no-void": [1, { allowAsStatement: true }],
         "@typescript-eslint/no-explicit-any": 0,
         "@typescript-eslint/consistent-type-definitions": [1, "type"],
         "@typescript-eslint/typedef": 0,
+        "@typescript-eslint/naming-convention": [
+          "error",
+          {
+            selector: "parameter",
+            format: ["camelCase"],
+            leadingUnderscore: "allow"
+          }
+        ],
+        "@typescript-eslint/no-floating-promises": [
+          1,
+          {
+            ignoreVoid: true
+          }
+        ],
+        "react-hooks/rules-of-hooks": "error",
+        "react-hooks/exhaustive-deps": "warn",
+        "react/forbid-foreign-prop-types": ["warn", { allowInPropTypes: true }],
+        "react/jsx-no-comment-textnodes": "warn",
+        "react/jsx-no-duplicate-props": "warn",
+        "react/jsx-no-target-blank": "warn",
+        "react/jsx-no-undef": "error",
+        "react/jsx-pascal-case": [
+          "warn",
+          {
+            allowAllCaps: true,
+            ignore: []
+          }
+        ],
+        "react/no-danger-with-children": "warn",
+        "react/no-direct-mutation-state": "warn",
+        "react/no-is-mounted": "warn",
+        "react/no-typos": "error",
+        "react/require-render-return": "error",
+        "react/style-prop-object": "warn"
       }
     }
   ]