.eslintrc.json

{
    "env": {
        "browser": true,
        "es2021": true
    },
    "extends": [
        "eslint:recommended",
        "plugin:react/recommended",
        "plugin:@typescript-eslint/recommended",
        "prettier"
    ],
    "overrides": [
        {
            "files": ["*.ts", "*.tsx"],
            "rules": {
                "@typescript-eslint/no-shadow": ["error"],
                "no-shadow": "off",
                "no-undef": "off",
                "simple-import-sort/imports": [
                    "error",
                    {
                        "groups": [
                            // Packages. `react` related packages come first.
                            ["^react", "^@?\\w"],
                            // Side effect imports.
                            ["^\\u0000"],
                            // Internal packages.
                            ["^(@\\/)(.*|$)", "^(@images)(.*|$)"],
                            // Parent imports. Put `..` last.
                            ["^\\.\\.(?!/?$)", "^\\.\\./?$"],
                            // Other relative imports. Put same-folder imports and `.` last.
                            ["^\\./(?=.*/)(?!/?$)", "^\\.(?!/?$)", "^\\./?$"]
                        ]
                    }
                ]
            }
        }
    ],
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaVersion": "latest",
        "sourceType": "module"
    },
    "plugins": [
        "react",
        "@typescript-eslint",
        "simple-import-sort",
        "prettier"
    ],
    "rules": {
        "no-unused-vars": "error",
        "react/no-unescaped-entities": "off",
        "react/no-children-prop": "off"
    }
}