.eslintrc.json

{
    "env": {
        "browser": true,
        "es2021": true
    },
    "extends": [
        "eslint:recommended",
        "plugin:react/recommended",
        "plugin:@typescript-eslint/recommended"
    ],
    "settings": {
        "import/resolver": {
            "typescript": {}
        }
    },
    "overrides": [{
        "files": ["*.js", "*.jsx", "*.ts", "*.tsx"],
        "rules": {
            "simple-import-sort/imports": [
                "error",
                {
                    "groups": [
                        ["^react", "^@?\\w"],
                        ["^(@|components)(/.*|$)"],
                        ["^\\u0000"],
                        ["^\\.\\.(?!/?$)", "^\\.\\./?$"],
                        ["^\\./(?=.*/)(?!/?$)", "^\\.(?!/?$)", "^\\./?$"],
                        ["^.+\\.?(css)$"]
                    ]
                }
            ]
        }
    }],
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaVersion": "latest",
        "sourceType": "module"
    },
    "plugins": [
        "react",
        "react-hooks",
        "@typescript-eslint",
        "simple-import-sort"
    ],
    "rules": {
        "react/react-in-jsx-scope": "off",
        "camelcase": "error",
        "spaced-comment": "error",
        "quotes": ["error", "double"],
        "no-duplicate-imports": "error",
        "simple-import-sort/imports": "error",
        "simple-import-sort/exports": "error"
    }
}