.eslintrc

{
  "extends": ["eslint:recommended", "plugin:react/recommended"],
  "parser": "@babel/eslint-parser",
  "env": {
    "browser": true,
    "es6": true,
    "jest": true,
    "node": true
  },
  "settings": {
    "react": {
      "version": "17.0"
    },
    "import/resolver": {
      "webpack": {
        "config": "webpack.config.base.babel.js"
      }
    }
  },
  "plugins": ["react", "react-hooks", "import"],
  "globals": {
    "API_BASE": false,
    "BUILD_TIME": false
  },
  "rules": {
    "array-bracket-newline": ["error", "consistent"],
    "array-bracket-spacing": "error",
    "array-callback-return": "error",
    "arrow-parens": "error",
    "arrow-spacing": "error",
    "block-scoped-var": "error",
    "comma-dangle": "error",
    "curly": "error",
    "eol-last": "error",
    "eqeqeq": "error",
    "import/no-unresolved": "error",
    "import/order": ["error", { "groups": ["builtin", "external", "internal", "parent", "sibling", "index"], "newlines-between": "always" }],
    "indent": ["error", 2, { "SwitchCase": 1 }],
    "jsx-quotes": "error",
    "key-spacing": "error",
    "keyword-spacing": "error",
    "linebreak-style": ["error", "unix"],
    "max-len": ["error", { "code": 120, "tabWidth": 2 }],
    "no-console": "warn",
    "no-duplicate-imports": ["error", { "includeExports": true }],
    "no-invalid-this": "error",
    "no-multi-spaces": "error",
    "no-multiple-empty-lines": ["error", { "max": 1, "maxEOF": 0 }],
    "no-restricted-globals": ["error", "event"],
    "no-trailing-spaces": "error",
    "no-unused-expressions": "error",
    "no-useless-escape": "off",
    "no-var": "error",
    "object-curly-spacing": ["error", "always"],
    "object-curly-newline": ["error", { "consistent": true, "multiline": true }],
    "object-property-newline": ["error", { "allowAllPropertiesOnSameLine": true }],
    "object-shorthand": "error",
    "operator-linebreak": "error",
    "quotes": ["error", "single", { "avoidEscape": true }],
    "react/jsx-closing-bracket-location": "error",
    "react/jsx-curly-spacing": ["error", { "when": "never", "children": true }],
    "react/jsx-equals-spacing": "error",
    "react/jsx-first-prop-new-line": "error",
    "react/jsx-indent": ["error", 2, { "checkAttributes": false, "indentLogicalExpressions": false }],
    "react/jsx-tag-spacing": ["error", { "beforeSelfClosing": "always", "closingSlash": "never", "afterOpening": "never", "beforeClosing": "never" }],
    "react/jsx-wrap-multilines": ["error", { "declaration": "parens-new-line", "assignment": "parens-new-line", "return": "parens-new-line", "arrow": "parens-new-line", "condition": "parens-new-line", "logical": "parens-new-line", "prop": "parens-new-line" }],
    "react/no-array-index-key": "warn",
    "react/no-did-mount-set-state": "error",
    "react/sort-comp": "error",
    "react-hooks/rules-of-hooks": "error",
    "react-hooks/exhaustive-deps": "warn",
    "semi": ["error", "never"],
    "space-before-blocks": "error",
    "space-in-parens": "error",
    "space-infix-ops": "error"
  }
}