.eslintrc.json

{
    "settings": {
        "import/resolver": {
            "node": {
                "paths": ["./src"],
                "extensions": [".js", ".jsx", ".ts", ".tsx"]
            }
        },
        "react": {
            "version": "detect"
        }
    },
    "env": {
        "browser": true,
        "es2021": true,
        "node": true
    },
    "extends": [
        "plugin:react/recommended",
        "airbnb-typescript",
        "prettier",
        "plugin:prettier/recommended",
        "plugin:react-hooks/recommended"
    ],
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": true
        },
        "ecmaVersion": 12,
        "sourceType": "module",
        "project": ["./tsconfig.json"]
    },
    "plugins": ["@typescript-eslint", "import"],
    "rules": {
        "import/extensions": [
            "error",
            "ignorePackages",
            {
                "js": "never",
                "jsx": "never",
                "ts": "never",
                "tsx": "never"
            }
        ],
        "react/jsx-key": "off"
        // "no-use-before-define": "off",
        // "@typescript-eslint/no-use-before-define": "off",
        // "react/jsx-filename-extension": [2, { "extensions": [".js", ".jsx", ".ts", ".tsx"] }],
        // "no-shadow": "off",
        // "react/button-has-type": "off",
        // "@typescript-eslint/no-shadow": "off",
        // // "@typescript-eslint/explicit-module-boundary-types": "off",
        // "@typescript-eslint/triple-slash-reference": "off"
    }
}