.eslintrc.json

{
   "parser": "@typescript-eslint/parser",
   "parserOptions": {
      "ecmaVersion": 2018,
      "sourceType": "module"
   },
   "plugins": ["@typescript-eslint", "react-hooks", "import"],
   "extends": [
      "plugin:react/recommended",
      "eslint:recommended",
      "plugin:@typescript-eslint/eslint-recommended",
      "plugin:@typescript-eslint/recommended",
      "prettier"
   ],
   "rules": {
      "@typescript-eslint/no-non-null-assertion": 0,
      "@typescript-eslint/no-empty-function": 0,
      "no-restricted-imports": [
         "error",
         {
            "patterns": ["@mui/*/*/*", "!@mui/material/test-utils/*"]
         }
      ],
      "@typescript-eslint/no-unused-vars": "error",
      "no-unused-vars": "off",
      "no-empty-interface": 0,
      "@typescript-eslint/no-empty-interface": "off",
      "@typescript-eslint/ban-ts-comment": "off",
      "react-hooks/rules-of-hooks": "error",
      "react-hooks/exhaustive-deps": "off",
      "react/prop-types": "off",
      "@typescript-eslint/no-explicit-any": "off",
      "@typescript-eslint/ban-ts-ignore": "off",
      "react/jsx-key": 0,
      "require-jsdoc": 0,
      "no-use-before-define": "off",
      "react/react-in-jsx-scope": "off",
      "new-cap": 0,
      "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx", "tsx"] }],
      "import/extensions": [
         "error",
         "ignorePackages",
         {
            "js": "never",
            "jsx": "never",
            "ts": "never",
            "tsx": "never"
         }
      ],
      "spaced-comment": [
         "error",
         "always",
         {
            "line": {
               "markers": ["/"]
            }
         }
      ]
   },
   "settings": {
      "react": {
         "pragma": "React",
         "version": "detect"
      },
      "import/resolver": {
         "node": {
            "extensions": [".js", ".jsx", ".tsx", "ts"]
         }
      }
   }
}