.eslintrc.json

{
  "env": {
    "jest": true
  },
  "plugins": [
    "jest",
    "react",
    "prettier",
    "eslint-plugin-import-helpers"
  ],
  "extends": [
    "next",
    "next/core-web-vitals",
    "prettier",
    "plugin:react/recommended",
    "airbnb",
    "eslint:recommended",
    "plugin:storybook/recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:tailwindcss/recommended"
  ],
  "ignorePatterns": ["*.config.js", "*.css"],
  "globals": {
    "React": "readonly"
  },
  "rules": {
    "react/function-component-definition": [
      "error",
      {
        "namedComponents": ["function-declaration", "arrow-function"],
        "unnamedComponents": "arrow-function"
      }
    ],
    "react/jsx-filename-extension": [1, { "extensions": [".ts", ".tsx"] }],
    "react/jsx-props-no-spreading": "off",
    "import/prefer-default-export": "off",
    "jsx-a11y/label-has-associated-control": "off",
    "no-unused-vars": "off",
    "@typescript-eslint/no-unused-vars": [
      "error"
    ],
    "import-helpers/order-imports": [
      "warn",
      {
        "newlinesBetween": "always",
        "groups": [
          "module",
          "/^@shared/",
          [
            "parent",
            "sibling",
            "index"
          ]
        ],
        "alphabetize": {
          "order": "asc",
          "ignoreCase": true
        }
      }
    ],
    "import/no-extraneous-dependencies": [
      "error",
      {
        "devDependencies": [
          "**/*.style.tsx",
          "**/*.test.tsx",
          "**/test.tsx",
          "**/*.spec.tsx",
          "**/stories.tsx",
          "**/style.tsx"
        ]
      }
    ],
    "import/extensions": [
      "error",
      "ignorePackages",
      {
        "js": "never",
        "ts": "never",
        "tsx": "never",
        "": "never"
      }
    ]
  }
}