.eslintrc

{
  "extends": [
    "eslint:recommended",
    "plugin:storybook/recommended"
  ],
  "parserOptions": {
    "ecmaVersion": "latest",
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    }
  },
  "env": {
    "browser": true,
    "commonjs": true,
    "es6": true
  },
  "settings": {
    "import/internal-regex": "^@example/"
  },
  "rules": {
    "import/order": ["error", {
      "named": true,
      "newlines-between": "always",
      "distinctGroup": true,
      "warnOnUnassignedImports": true,
      "groups": [
        "builtin",
        "external",
        "internal",
        "parent",
        "sibling",
        "type"
      ],
      "pathGroups": [
        {
          "pattern": "@example/**",
          "group": "internal",
          "position": "before"
        }
      ],
      "alphabetize": {
        "order": "asc",
        "orderImportKind": "asc"
      }
    }]
  },
  "overrides": [
    {
      "files": ["**/*.{js,jsx,ts,tsx}"],
      "plugins": ["react", "jsx-a11y"],
      "extends": [
        "plugin:react/recommended",
        "plugin:react/jsx-runtime",
        "plugin:react-hooks/recommended",
        "plugin:jsx-a11y/recommended"
      ],
      "settings": {
        "react": {
          "version": "detect"
        },
        "formComponents": ["Form"],
        "linkComponents": [
          { "name": "Link", "linkAttribute": "to" },
          { "name": "NavLink", "linkAttribute": "to" }
        ],
        "import/resolver": {
          "typescript": {}
        }
      }
    },
    {
      "files": ["**/*.{ts,tsx}"],
      "plugins": ["@typescript-eslint", "import"],
      "parser": "@typescript-eslint/parser",
      "settings": {
        "import/internal-regex": "^~/",
        "import/resolver": {
          "node": {
            "extensions": [".ts", ".tsx"]
          },
          "typescript": {
            "alwaysTryTypes": true
          }
        }
      },
      "extends": ["plugin:@typescript-eslint/recommended", "plugin:import/recommended", "plugin:import/typescript"]
    },
    {
      "files": ["*.stories.*"],
      "rules": {
        "import/order": ["error", {
          "named": true,
          "newlines-between": "always",
          "distinctGroup": true,
          "warnOnUnassignedImports": true,
          "groups": [
            "builtin",
            "external",
            "internal",
            "parent",
            "sibling",
            "type"
          ],
          "pathGroups": [
            {
              "pattern": "@example/**",
              "group": "internal",
              "position": "before"
            }
          ],
          "alphabetize": {
            "orderImportKind": "asc"
          }
        }]
      }
    }
  ]
}