.eslintrc.json

{
  "parser": "@typescript-eslint/parser",
  "plugins": [
    "import",
    "prettier",
    "react-hooks",
    "@typescript-eslint",
    "react",
    "@next/next"
  ],
  "parserOptions": {
    "sourceType": "module"
  },
  "settings": {
    "react": {
      "version": "detect"
    },
    "import/no-extraneous-dependencies": ["error", {"devDependencies": true, "optionalDependencies": true, "peerDependencies": true}],
    "import/resolver": {
      "node": {
        "extensions": [
          ".js",
          ".jsx",
          ".ts",
          ".tsx",
          ".d.ts",
          ".web.js",
          ".web.jsx",
          ".web.ts",
          ".web.tsx"
        ]
      }
    }
  },
  "extends": [
    "eslint:recommended",
    "plugin:react/recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:@next/next/recommended"
  ],
  "rules": {
    "no-unused-vars": "off",
    "@typescript-eslint/no-unused-vars": "off",
    "@next/next/no-page-custom-font": "off",
    "no-undef": "off",
    "quotes": [
      "error",
      "single",
      {
        "avoidEscape": true,
        "allowTemplateLiterals": true
      }
    ],
    "max-params": ["error", 3],
    "no-empty-pattern": 1,
    "@typescript-eslint/no-empty-function": 1,
    "@typescript-eslint/ban-ts-comment": 2,
    "@typescript-eslint/no-explicit-any": 1,
    "@typescript-eslint/explicit-module-boundary-types": 0,
    "react/react-in-jsx-scope": "off",
    "react/jsx-filename-extension": ["error", { "extensions": [".tsx"] }],
    "import/no-extraneous-dependencies": 2,
    "import/extensions": ["error", "never", { "svg": "always" }],
    "for-direction": 2,
    "no-cond-assign": 2,
    "no-constant-condition": 2,
    "no-inline-comments": 2,
    "no-promise-executor-return": 2,
    "no-fallthrough": 2,
    "no-dupe-args": 2,
    "no-dupe-keys": 2,
    "no-import-assign": 2,
    "no-dupe-else-if": 2,
    "no-duplicate-imports": 2,
    "no-ex-assign": 2,
    "padding-line-between-statements": [
      "error",
      { "blankLine": "always", "prev": "*", "next": "return" },
      { "blankLine": "always", "prev": "*", "next": "export" }
    ],
    "no-shadow": 0,
    "sort-imports": [
      "error",
      {
        "ignoreCase": true,
        "ignoreDeclarationSort": true
      }
    ],
    "import/order": [
      "error",
      {
        "groups": [
          "internal",
          "external",
          "builtin",
          "index",
          "sibling",
          "parent"
        ],
        "pathGroups": [
          {
            "pattern": "react+(|-*)",
            "group": "external",
            "position": "before"
          }
        ],
        "pathGroupsExcludedImportTypes": [],
        "newlines-between": "always",
        "alphabetize": {
          "order": "asc",
          "caseInsensitive": true
        }
      }
    ],
    "import/no-duplicates": 2,
    "import/no-useless-path-segments": 2,
    "import/prefer-default-export": 0,
    "import/named": 0,
    "import/namespace": 0,
    "import/default": 0,
    "import/no-named-as-default-member": 0,
    "import/no-named-as-default": 0,
    "import/no-unused-modules": 0,
    "import/no-deprecated": 0,
    "@typescript-eslint/indent": 0,
    "import/no-anonymous-default-export": 2,
    "react-hooks/rules-of-hooks": 1,
    "react-hooks/exhaustive-deps": [
      "warn",
      { "additionalHooks": "(useDidMount)" }
    ],
    "camelcase": 0,
    "prefer-destructuring": 2,
    "no-nested-ternary": 2,
    "comma-dangle": 0,
    "prettier/prettier": [
      "error",
      {
        "endOfLine": "auto"
      }
    ],
    "react/jsx-sort-props": 1
  },
  "env": {
    "node": true,
    "es2020": true
  }
}