.eslintrc

{
    "env": {
        "browser": true,
        "es2021": true,
        "jest": true
    },
    "extends": [
        "react-app",
        "react-app/jest",
        "airbnb",
        "airbnb-typescript",
        "plugin:import/typescript"
    ],
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": true
        },
        "ecmaVersion": "latest",
        "sourceType": "module",
        "project": "./tsconfig.json"
    },
    "plugins": [
        "react",
        "react-hooks",
        "@typescript-eslint",
        "promise"
    ],
    "rules": {
        "indent": ["error", 4, { "SwitchCase": 1 }],
        "react/jsx-indent": ["error", 4],
        "react/jsx-indent-props": ["error", 4],
        "@typescript-eslint/indent": ["error", 4],
        "@typescript-eslint/no-unused-vars": [
            "error",
            {
                "ignoreRestSiblings": true
            }
        ],
        "react/jsx-uses-react": "off",
        "react/react-in-jsx-scope": "off",
        "react/require-default-props": "off",
        "react/jsx-props-no-spreading": "off",
        "import/extensions": "off",
        "import/prefer-default-export": "off",
        "no-undef": "off",
        "react/function-component-definition": [
            "error",
            {
                "namedComponents": "arrow-function"
            }
        ],
        "react/no-unknown-property": [
            2,
            {
                "ignore": [
                    "fill"
                ]
            }
        ],
        "react-hooks/rules-of-hooks": "error",
        "react-hooks/exhaustive-deps": "warn",
        "react/forbid-component-props": [2, { "forbid": [{
            "propName": "style",
            "message": "Not inline styles, instead use a styled component"
        }]}],
        "react/forbid-dom-props": [2, { "forbid": [{
            "propName": "style",
            "message": "Not inline styles, instead use a styled component"
        }]}],
        "promise/prefer-await-to-then": "error"
    },
    "overrides": [
        {
            "files": [
                "**/*.ts",
                "**/*.tsx"
            ],
            "parser": "@typescript-eslint/parser",
            "rules": {
                "no-use-before-define": "off",
                "react/jsx-filename-extension": [
                    2,
                    {
                        "extensions": [
                            ".tsx"
                        ]
                    }
                ]
            }
        }
    ],
    "settings": {
        "react": {
            "version": "detect"
        }
    }
}