Add some new eslint rules and fix the corresponding errors (#4839)

packages/eslint-config-custom/index.js

@@ -1,9 +1,5 @@
 module.exports = {
-  extends: [
-    "next",
-    "prettier",
-    "plugin:@typescript-eslint/recommended",
-  ],
+  extends: ["next", "prettier", "plugin:@typescript-eslint/recommended"],
   parser: "@typescript-eslint/parser",
   parserOptions: {
     ecmaVersion: 2021, // Or the ECMAScript version you are using
@@ -15,12 +11,20 @@ module.exports = {
       rootDir: ["web/", "space/", "admin/", "packages/*/"],
     },
   },
+  globals: {
+    React: "readonly",
+    JSX: "readonly",
+  },
   rules: {
     "no-useless-escape": "off",
     "prefer-const": "error",
     "no-irregular-whitespace": "error",
     "no-trailing-spaces": "error",
     "no-duplicate-imports": "error",
+    "no-useless-catch": "warn",
+    "no-case-declarations": "error",
+    "no-undef": "error",
+    "no-unreachable": "error",
     "arrow-body-style": ["error", "as-needed"],
     "@next/next/no-html-link-for-pages": "off",
     "@next/next/no-img-element": "off",
@@ -28,6 +32,7 @@ module.exports = {
     "react/self-closing-comp": ["error", { component: true, html: true }],
     "react/jsx-boolean-value": "error",
     "react/jsx-no-duplicate-props": "error",
+    "react-hooks/exhaustive-deps": "warn",
     "@typescript-eslint/no-unused-vars": ["error"],
     "@typescript-eslint/no-explicit-any": "warn",
     "@typescript-eslint/no-useless-empty-export": "error",