.eslintrc.json

{
    "env": {
        "browser": true,
        "es2021": true
    },
    "extends": [
        "eslint:recommended",
        "plugin:@typescript-eslint/recommended",
        "plugin:react/recommended",
        "plugin:react-hooks/recommended",
        "plugin:prettier/recommended"
    ],
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaVersion": "latest",
        "sourceType": "module"
    },
    "plugins": ["@typescript-eslint", "react", "react-hooks", "import", "prettier"],
    "rules": {
        "react/display-name": "off",
        "prettier/prettier": [
            "warn",
            {
                "endOfline": "auto"
            }
        ],
        "import/order": [
            "warn",
            {
                "groups": ["builtin", "external", "internal", "parent", "sibling", "index"],
                "pathGroups": [
                    {
                        "pattern": "{react,react-dom/**}",
                        "group": "external",
                        "position": "before"
                    },
                    {
                        "pattern": "{@components/**,@methods/**,@utils/**,@pages/**,@store/**,@hooks/**,@constants/**,@assets/**,@context/**,@features/**,@utils/**,@ui/**}",
                        "group": "external",
                        "position": "after"
                    }
                ],
                "pathGroupsExcludedImportTypes": ["react"],
                "newlines-between": "always",
                "alphabetize": {
                    "order": "asc",
                    "caseInsensitive": true
                }
            }
        ]
    }
}