.eslintrc.json

{
  "env": {
      "browser": true,
      "es2021": true,
      "jest": true
  },
  "extends": ["next", "eslint:recommended", "plugin:react/recommended", "airbnb", "plugin:prettier/recommended"],
  "parserOptions": {
      "project": ["tsconfig.json"],
      "ecmaFeatures": {
          "jsx": true
      },
      "ecmaVersion": "latest",
      "sourceType": "module"
  },
  "plugins": ["react", "import"],
  "settings": {
      "import/resolver": {
          "node": {
              "extensions": [".js", ".jsx", ".android.js", ".ios.js", ".tsx"],
              "paths": ["./"]
          }
      }
  },
  "rules": {
      "@next/next/no-img-element": "off",
      "react/react-in-jsx-scope": "off",
      "react/prop-types": 0,
      "react/jsx-props-no-spreading": 0,
      "react/forbid-prop-types": 0,
      "react/function-component-definition": 0,
      "react/no-unstable-nested-components": 0,
      "react-hooks/exhaustive-deps": 0,
      "react/no-array-index-key": 0,
      "react/require-default-props": 0,
      "jsx-a11y/anchor-is-valid": [
          "error",
          {
              "components": ["Link"],
              "specialLink": ["hrefLeft", "hrefRight"],
              "aspects": ["invalidHref", "preferButton"]
          }
      ],
      "react/jsx-filename-extension": [
          1,
          {
              "extensions": [".js", ".jsx", ".tsx", ".ts"]
          }
      ],
      "no-unused-vars": [
          "error",
          {
              "vars": "all",
              "args": "after-used",
              "ignoreRestSiblings": false
          }
      ],
      "import/extensions": [
          "error",
          "ignorePackages",
          {
              "js": "never",
              "jsx": "never",
              "ts": "never",
              "tsx": "never"
          }
      ]
  }
}