.eslintrc.json

{
    "env": {
        "browser": true,
        "es6": true
    },
    "extends": [
        "eslint:all",
        "plugin:react/recommended",
        "plugin:jest/recommended",
        "plugin:@typescript-eslint/recommended"
    ],
    "globals": {
        "Atomics": "readonly",
        "SharedArrayBuffer": "readonly"
    },
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": true
        },
        "ecmaVersion": 2018,
        "sourceType": "module"
    },
    "plugins": [
        "react",
        "react-hooks",
        "jest"
    ],
    "settings": {
        "react": {
            "createClass": "createReactClass", // Regex for Component Factory to use,
            // default to "createReactClass"
            "pragma": "React",  // Pragma to use, default to "React"
            "version": "detect", // React version. "detect" automatically picks the version you have installed.
            // You can also use `16.0`, `16.3`, etc, if you want to override the detected value.
            // default to latest and warns if missing
            // It will default to "detect" in the future
            "flowVersion": "0.53" // Flow version
        },
        "propWrapperFunctions": [
            // The names of any function used to wrap propTypes, e.g. `forbidExtraProps`. If this isn't set, any propTypes wrapped in a function will be skipped.
            "forbidExtraProps",
            {"property": "freeze", "object": "Object"},
            {"property": "myFavoriteWrapper"}
        ],
        "linkComponents": [
            // Components used as alternatives to <a> for linking, eg. <Link to={ url } />
            "Hyperlink",
            {"name": "Link", "linkAttribute": "to"}
        ]
    },
    "rules": {
      "react-hooks/rules-of-hooks": "error",
      "react-hooks/exhaustive-deps": "warn",
      "react/jsx-uses-react": "off",
      "react/react-in-jsx-scope": "off",
      "padded-blocks": "off",
      "arrow-body-style": "off",
      "sort-imports": "off",
      "quote-props": [2, "consistent-as-needed"],
      "one-var": [2, "never"],
      "dot-location": [2, "property"],
      "quotes": [2, "single", {"allowTemplateLiterals":  true}],
      "object-curly-spacing": [2, "always"],
      "max-len": [2, {"code": 120}],
      "no-magic-numbers": "off",
      "capitalized-comments": "off",
      "array-element-newline": [2, "consistent"],
      "no-ternary": "off",
      "operator-linebreak": [2, "after"],
      "sort-keys": "off",
      "max-statements": "off",
      "max-lines-per-function": "off",
      "object-property-newline": [2, {"allowAllPropertiesOnSameLine": true}],
      "max-lines": "off",
      "no-plusplus": "off",
      "no-negated-condition": "off",
      "space-before-function-paren": [2, { "anonymous": "never", "named": "never", "asyncArrow": "always" }],
      "function-paren-newline": ["error", "consistent"],
      "function-call-argument-newline": "off",
      "no-extra-parens": [2, "all", {
          "ignoreJSX": "multi-line",
          "nestedBinaryExpressions": false
      }],
      "multiline-ternary": [2, "always-multiline"],
      "lines-between-class-members": "off",
      "react/prop-types": "off",
      "indent": ["error", 4],
      "max-params": ["error", 5],
      // note you must disable the base rule as it can report incorrect errors
      "no-use-before-define": "off",
      "@typescript-eslint/no-use-before-define": "error",
      "no-shadow": "off",
      "@typescript-eslint/no-shadow": "error",
      "init-declarations": "off"
    }
}