.eslintrc

{
    "parser": "babel-eslint",
    "parserOptions": {
        "ecmaFeatures": {
            "classes": true
        },
        "sourceType": "module",
        "ecmaVersion": 2018
    },
    "plugins": ["import", "react", "prettier", "react-hooks", "@babel/eslint-plugin"],
    "extends": [
        "eslint:recommended",
        "plugin:react/recommended",
        "plugin:import/recommended",
        "plugin:react-hooks/recommended",
        "prettier",
        "prettier/babel",
        "prettier/react"
    ],
    "ignorePatterns": ["**/node_modules/*", "**/public/**"],
    "env": {
        "es6": true,
        "node": true,
        "jest": true,
        "browser": true
    },
    "rules": {
        "no-unused-vars": [
            "error",
            {
                "argsIgnorePattern": "^__|^React",
                "varsIgnorePattern": "^__|^React"
            }
        ],
        "react/display-name": "off",
        "react-hooks/rules-of-hooks": "warn",
        "react/prop-types": "off",
        "react/jsx-curly-brace-presence": [
            "error",
            {
                "props": "never",
                "children": "never"
            }
        ],
        "import/first": "error",
        "linebreak-style": ["error", "unix"],
        "quotes": ["error", "single"],
        "comma-dangle": ["off", "always-multiline"],
        "@typescript-eslint/no-explicit-any": 0,
        "@typescript-eslint/member-delimiter-style": 0,
        "@typescript-eslint/ban-ts-ignore": 0,
        "react/jsx-closing-bracket-location": [1, "tag-aligned"],
        "react/jsx-first-prop-new-line": [1, "multiline"],
        "react/jsx-max-props-per-line": ["off"]
    },
    "settings": {
        "react": {
            "version": "latest"
        }
    }
}