update eslint config to be more comprehensive

Author: devgioele

.eslintrc.json

@@ -1,36 +1,54 @@
 {
-    "parser": "@typescript-eslint/parser",
-    "env": {
-        "browser": true,
-        "node": true
-    },
-    "plugins": [
-        "prettier",
-        "@typescript-eslint",
-        "jest",
-        "import"
+  "parser": "@typescript-eslint/parser",
+  "env": {
+    "browser": true,
+    "node": true
+  },
+  "plugins": ["@typescript-eslint", "react", "react-hooks", "jest"],
+  "extends": [
+    "plugin:@typescript-eslint/recommended",
+    "plugin:import/recommended",
+    "plugin:import/typescript",
+    "plugin:jest/recommended",
+    "plugin:prettier/recommended"
+  ],
+  "parserOptions": {
+    "sourceType": "module",
+    "ecmaVersion": 2018
+  },
+  "rules": {
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "error",
+    "@typescript-eslint/no-unused-vars": [
+      "error",
+      {
+        "ignoreRestSiblings": true,
+        "varsIgnorePattern": "^[iI]gnored",
+        "argsIgnorePattern": "^_",
+        "caughtErrorsIgnorePattern": "^ignore"
+      }
     ],
-    "extends": [
-        "prettier",
-        "plugin:prettier/recommended",
-        "plugin:@typescript-eslint/recommended",
-        "plugin:import/typescript",
-        "plugin:jest/recommended"
+    "@typescript-eslint/member-delimiter-style": "off",
+    "@typescript-eslint/explicit-function-return-type": "off",
+    "@next/next/no-img-element": "off",
+    "import/order": [
+      "error",
+      {
+        "groups": [
+          "builtin",
+          "external",
+          "unknown",
+          "parent",
+          "sibling",
+          "index"
+        ]
+      }
     ],
-    "parserOptions": {
-        "sourceType": "module",
-        "ecmaVersion": 2018
-    },
-    "rules": {
-        "import/namespace": "off",
-        "import/order": [
-            "error"
-        ],
-        "no-unused-vars": "off",
-        "@typescript-eslint/no-unused-vars": "error",
-        "@typescript-eslint/member-delimiter-style": "off",
-        "@typescript-eslint/no-var-requires": "off",
-        "@typescript-eslint/no-extra-semi": "off",
-        "@typescript-eslint/no-explicit-any": "off"
-    }
+    "no-console": [
+      "error",
+      {
+        "allow": ["warn", "error", "assert"]
+      }
+    ]
+  }
 }

package.json

@@ -58,6 +58,8 @@
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jest": "^26.5.3",
     "eslint-plugin-prettier": "^4.1.0",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "jest": "^28.1.1",
     "jest-environment-jsdom": "^28.1.1",
     "next": "^13.1.3",