.eslintrc.json

{
  "globals": {
    "NodeJS": true
  },
  "extends": [
    "next/core-web-vitals",     
    "eslint:recommended",
    "plugin:react/recommended"
  ],
  "overrides": [],
  "parserOptions": {
    "ecmaVersion": "latest",
    "sourceType": "module"
  },
  "plugins": [
    "react",
    "import",
    "react-hooks",
    "eslint-plugin-prefer-arrow"
  ],
  "rules": {
    "object-curly-spacing": ["error", "always"],
    "react/prop-types": "off",
    "react/display-name": "off",
    "indent": [
      "error",
      2
    ],
    "linebreak-style": [
      "error",
      "unix"
    ],
    "quotes": [
      "error",
      "double"
    ],
    "semi": [
      "error",
      "always"
    ],
    "react-native/no-inline-styles": "off",
    "react-hooks/exhaustive-deps": "off",
    "no-unused-vars": "off",
    "import/order": [
      "error",
      {
      "groups": [
        "builtin",
        "external",
        "internal",
        "parent",
        "sibling",
        "index"
      ],
      "alphabetize": {
        "order": "asc",
        "caseInsensitive": true
      },
      "newlines-between": "always"
      }
    ],
    "prefer-arrow/prefer-arrow-functions": [
      "error",
      {
        "disallowPrototype": true,
        "singleReturnOnly": false,
        "classPropertiesAllowed": false
      }
    ],
    "no-restricted-syntax": [
      "error",
      {
        "selector": "FunctionDeclaration",
        "message": "Function declarations are not allowed. Use arrow functions instead."
      }
    ]
  }
}