.eslintrc.json

{
  "root": true,
  "env": {
    "browser": true,
    "amd": true,
    "node": true,
    "es6": true,
    "jest": true
  },
  "extends": [
    "eslint:recommended",
    "plugin:jsx-a11y/recommended",
    "airbnb",
    "plugin:prettier/recommended",
    "next/core-web-vitals",
    "next",
    "prettier"
  ],
  "plugins": ["prettier"],
  "rules": {
    "semi": "warn",
    "no-unused-vars": "warn",
    "no-unused-expressions": "warn",
    "no-use-before-define": "warn",
    "jsx-a11y/anchor-is-valid": 0,
    "react/jsx-props-no-spreading": 0,
    "jsx-a11y/click-events-have-key-events": "off",
    "no-console": "off",
    "react/no-unstable-nested-components": "off",
    "import/no-unresolved": [1, { "caseSensitive": false }],
    "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
    "prettier/prettier": 2
  },
  "settings": {
    "import/resolver": {
      "alias": {
        "map": [
          ["@pages", "./src/pages"],
          ["@components", "./src/components"],
          ["@assets", "./public/assets"],
          ["@constants", "./src/constants"],
          ["@helpers", "./src/helpers"],
          ["@services", "./src/services"],
          ["@styles", "./src/styles"]
        ],
        "extensions": [".js", ".ts", ".tsx", ".jsx", ".json"]
      }
    }
  }
}