.eslintrc.json

{
  "extends": "next/core-web-vitals",
  "plugins": [
    "simple-import-sort",
    "unused-imports",
    "import",
    "prefer-arrow-functions"
  ],
  "rules": {
    "no-console": "warn",
    "simple-import-sort/exports": "error",
    "unused-imports/no-unused-imports": "error",
    "import/no-anonymous-default-export": "off",
    "import/no-duplicates": "error",
    "react/display-name": "off",
    "prefer-arrow-functions/prefer-arrow-functions": [
      "warn",
      {
        "classPropertiesAllowed": false,
        "disallowPrototype": false,
        "returnStyle": "unchanged",
        "singleReturnOnly": false
      }
    ],
    "simple-import-sort/imports": [
      "error",
      {
        "groups": [
          // Side effect imports.
          ["^\\u0000"],
          ["^react(/.*)?$"],
          ["^@/components(/.*)?$"],
          ["^@/types", "^\\u0000$"],
          ["^@/utils(/.*)?$"],
          ["^@/consts(/.*)?$"],
          /** Start general imports https://github.com/lydell/eslint-plugin-simple-import-sort/blob/main/examples/.eslintrc.js */
          // Things that start with a letter (or digit or underscore), or `@` followed by a letter.
          ["^@?\\w"],
          // Parent imports. Put `..` last.
          ["^\\.\\.(?!/?$)", "^\\.\\./?$"],
          // Other relative imports. Put same-folder imports and `.` last.
          ["^\\./(?=.*/)(?!/?$)", "^\\.(?!/?$)", "^\\./?$"]
          /** End of general imports */
        ]
      }
    ]
  }
}