.eslintrc.js

module.exports = {
  extends: ["next/core-web-vitals", "plugin:import/recommended"],
  root: true,
  settings: {
    "import/resolver": {
      node: { extensions: [".js", ".mjs", ".ts", ".d.ts"] },
    },
  },
  plugins: ["unused-imports", "react-hooks"],
  rules: {
    "import/no-named-as-default": "off",
    "unused-imports/no-unused-imports": "error",
    "import/named": "off",
    "import/no-anonymous-default-export": "off",
    "import/first": "error",
    "import/newline-after-import": "error",
    "import/no-duplicates": "error",
    "react/no-array-index-key": "error",
    "arrow-body-style": ["error", "always"],
    "react/self-closing-comp": [
      "error",
      {
        component: true,
        html: true,
      },
    ],
    "padding-line-between-statements": [
      "error",
      {
        blankLine: "always",
        prev: "*",
        next: "function",
      },
      {
        blankLine: "always",
        prev: "*",
        next: "return",
      },
      {
        blankLine: "always",
        prev: "*",
        next: "for",
      },
    ],
  },
  settings: {
    "import/resolver": {
      node: {
        extensions: [".js", ".jsx", ".ts", ".tsx"],
      },
    },
    react: {
      version: "detect",
    },
  },
}