.eslintrc.json

{
    "env": {
        "browser": true,
        "es2021": true
    },
    "extends": [
        "plugin:react/recommended",
        "standard-with-typescript",
        "prettier"
    ],
    "overrides": [
    ],
    "parserOptions": {
        "ecmaVersion": "latest",
        "sourceType": "module",
        "project": ["tsconfig.json"]
    },
    "plugins": [
        "react",
        "prettier"
    ],
    "rules": {
        "prettier/prettier": ["error", { "singleQuote": true }],
        "import/extensions": [
          "error",
          "ignorePackages",
          {
            "js": "never",
            "jsx": "never",
            "ts": "never",
            "tsx": "never"
          }
        ],
        "no-use-before-define": "off",
        "@typescript-eslint/explicit-function-return-type": "off",
        "@typescript-eslint/no-use-before-define": ["error"],
        "no-shadow": "off",
        "@typescript-eslint/no-shadow": ["error"],
        "no-unused-vars": "off",
        "@typescript-eslint/no-unused-vars": "error",
        "react/jsx-filename-extension": ["warn", { "extensions": [".tsx"] }],
        "react/react-in-jsx-scope": "off",
        "react/require-default-props": "off",
        "react/prop-types": "off",
        "react/button-has-type": "off",
        "import/no-extraneous-dependencies": [
          "error",
          {
            "devDependencies": true,
            "optionalDependencies": true,
            "peerDependencies": true
          }
        ],
        "react/jsx-props-no-spreading": "off",
        "import/order": ["warn", {
              "groups": [["builtin", "external"], ["internal"], ["parent", "sibling", "index"]],
              "newlines-between": "always",
              "alphabetize": { "order": "asc", "caseInsensitive": true }
            }],
        "@typescript-eslint/strict-boolean-expressions": "warn"
    }
}