.eslintrc.json

{
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "project": "./tsconfig.json",
    "ecmaFeatures": {
      "jsx": true
    },
    "ecmaVersion": "latest",
    "sourceType": "module"
  },
  "plugins": ["@typescript-eslint", "import"],
  "extends": [
    "plugin:import/recommended",
    "plugin:import/typescript",
    "plugin:@typescript-eslint/recommended",
    "plugin:@typescript-eslint/recommended-requiring-type-checking",
    "next/core-web-vitals",
    "prettier"
  ],
  "settings": {
    "import/resolver:": {
      "typescript": true,
      "node": true
    }
  },
  "rules": {
    "@typescript-eslint/naming-convention": [
      "error",
      {
        "selector": "interface",
        "format": ["PascalCase"]
      }
    ],
    "react/function-component-definition": [
      2,
      { "namedComponents": "function-declaration" }
    ],
    "react/destructuring-assignment": [2, "always"],
    "react/button-has-type": 2,
    "react/no-array-index-key": 2,
    "import/order": 2,
    "semi": [2, "always"],
    "quotes": [2, "double"],
    "prefer-destructuring": [
      2,
      {
        "VariableDeclarator": {
          "array": false,
          "object": true
        },
        "AssignmentExpression": {
          "array": true,
          "object": false
        }
      },
      {
        "enforceForRenamedProperties": false
      }
    ],
    "object-curly-spacing": [2, "always"],
    "arrow-body-style": [2, "as-needed"],
    "arrow-parens": [2, "always"],
    "space-infix-ops": 2,
    "arrow-spacing": [2, { "before": true, "after": true }],
    "no-unused-vars": [2, { "args": "all", "argsIgnorePattern": "_" }],
    "guard-for-in": 2,
    "no-await-in-loop": 2,
    "indent": [2, 2],
    "object-curly-newline": [2, { "minProperties": 4, "consistent": true }],
    "brace-style": 2,
    "no-multiple-empty-lines": 2,
    "eol-last": [2, "always"]
  }
}