.eslintrc.js

module.exports = {
  root: true,
  parser: 'babel-eslint',
  parserOptions: { ecmaFeatures: { jsx: true }, ecmaVersion: 2018, sourceType: 'module', allowImportExportEverywhere: true },
  plugins: ['import', 'react-hooks', 'react'],
  env: { es6: true, browser: true },
  settings: { react: { version: 'detect' } }, //  FIX: Warning: React version not specified in eslint-plugin-react settings. See https://github.com/yannickcr/eslint-plugin-react#configuration .
  rules: {
    'react/jsx-key': [2],
    'react/jsx-no-comment-textnodes': [2],
    'react/jsx-no-duplicate-props': [2],
    'react/jsx-no-target-blank': [2],
    'react/jsx-no-undef': [2],
    'react/jsx-uses-react': [2],
    'react/jsx-uses-vars': [2],
    'react/no-children-prop': [2],
    'react/no-danger-with-children': [2],
    'react/no-deprecated': [2],
    'react/no-direct-mutation-state': [2],
    'react/no-find-dom-node': [2],
    'react/no-is-mounted': [2],
    'react/no-render-return-value': [2],
    'react/no-string-refs': [2],
    'react/no-unescaped-entities': [2],
    'react/no-unknown-property': [2],
    'react/no-unsafe': [0],
    'react/no-unused-prop-types': [2],
    'react/prop-types': [2],
    'react/react-in-jsx-scope': [2],
    'react/require-render-return': [2],

    'react-hooks/rules-of-hooks': ['error'],
    'react-hooks/exhaustive-deps': ['error'],

    'jsx-quotes': ['error', 'prefer-double'],
    'linebreak-style': 0,
    'no-console': [0],
    'no-debugger': ['error'],
    'no-cond-assign': ['error'],
    'no-dupe-args': ['error'],
    'no-dupe-keys': ['error'],
    'no-tabs': ['error'],
    'no-mixed-spaces-and-tabs': ['error'],
    'no-duplicate-case': ['error'],
    'no-empty': ['error'],
    'no-ex-assign': ['error'],
    'no-extra-boolean-cast': ['error'],
    'no-extra-parens': ['error', 'functions'],
    'no-extra-semi': ['error'],
    'no-func-assign': ['error'],
    'no-obj-calls': ['error'],
    'no-inner-declarations': ['error', 'functions'],
    'no-template-curly-in-string': ['error'],
    'no-unexpected-multiline': ['error'],
    'no-unreachable': ['error'],
    'no-unsafe-finally': ['error'],
    'no-unsafe-negation': ['error'],
    'use-isnan': ['error'],
    'no-constant-condition': ['error', { checkLoops: false }],
    'accessor-pairs': ['error'],
    curly: ['error', 'multi-line'],
    // eqeqeq: ['off', 'never'],
    'guard-for-in': 0,
    'no-caller': ['error'],
    'no-div-regex': 1,
    'no-else-return': 1,
    'no-eval': ['off', 'never'],
    'no-fallthrough': ['error'],
    'no-floating-decimal': ['error'],
    'no-global-assign': ['error'],
    'no-multi-spaces': ['error'],
    'no-multi-str': ['error'],
    'no-new-func': ['error'],
    'no-new-wrappers': ['error'],
    'no-proto': ['error'],
    'no-redeclare': ['error'],
    'no-return-await': ['error'],
    'no-script-url': 1,
    'no-self-assign': ['error'],
    'no-self-compare': ['error'],
    'no-sequences': ['off', 'never'],
    'no-unused-labels': ['error'],
    'no-useless-concat': 1,
    'no-useless-escape': ['error'],
    'no-with': ['error'],
    'vars-on-top': 1,
    'wrap-iife': ['error', 'any', { functionPrototypeMethods: true }],
    yoda: ['error', 'never'],
    strict: 1,
    'no-delete-var': ['error'],
    'no-label-var': ['error'],
    'no-shadow': 0,
    'no-shadow-restricted-names': ['error'],
    'no-undef': ['error'],
    'no-undef-init': ['error'],
    'no-undefined': 0,
    'no-use-before-define': ['error', {
      functions: false,
      classes: false,
      variables: false
    }],
    'handle-callback-err': ['error', '^(err|error)$'],
    'no-new-require': ['error'],
    camelcase: ['error', { properties: 'never', ignoreDestructuring: true }],
    'comma-dangle': ['off', 'never'],
    'new-parens': ['error'],
    'no-multi-assign': 0,
    'no-multiple-empty-lines': ['error', { max: 1, maxEOF: 0 }],
    'no-nested-ternary': 0,
    'no-trailing-spaces': ['error'],
    'no-whitespace-before-property': ['error'],
    'space-infix-ops': ['error'],
    'wrap-regex': 0,
    'no-var': 1,
    'prefer-numeric-literals': 1,
    'prefer-spread': 1,
    'prefer-template': 1,
    'no-compare-neg-zero': ['error'],
    quotes: ['error', 'single', { allowTemplateLiterals: true }],
    semi: [2, 'never'],
    'import/export': ['error'],
    'import/first': ['error'],
    'import/no-duplicates': ['error'],
    'import/no-named-default': ['error'],
    'import/no-webpack-loader-syntax': ['error'],
    'constructor-super': ['error'],
    'for-direction': ['error'],
    'getter-return': ['error'],
    'no-async-promise-executor': ['error'],
    'no-case-declarations': ['error'],
    'no-class-assign': ['error'],
    'no-const-assign': ['error'],
    'no-control-regex': ['error'],
    'no-dupe-class-members': ['error'],
    'no-empty-character-class': ['error'],
    'no-empty-pattern': ['error'],
    'no-invalid-regexp': ['error'],
    'no-irregular-whitespace': ['error'],
    'no-misleading-character-class': ['error'],
    'no-new-symbol': ['error'],
    'no-octal': ['error'],
    'no-prototype-builtins': ['error'],
    'no-regex-spaces': ['error'],
    'no-sparse-arrays': ['error'],
    'no-this-before-super': ['error'],
    'no-useless-catch': ['error'],
    'require-atomic-updates': ['error'],
    'require-yield': ['error'],
    'valid-typeof': ['error', { requireStringLiterals: true }],
    'arrow-spacing': ['error', { before: true, after: true }],
    'block-spacing': ['error', 'always'],
    'brace-style': ['error', '1tbs', { allowSingleLine: true }],
    'comma-spacing': ['error', { before: false, after: true }],
    'comma-style': ['error', 'last'],
    'dot-location': ['error', 'property'],
    // 'eol-last': ['off', 'never'],
    'func-call-spacing': ['error', 'never'],
    'generator-star-spacing': ['error', { before: true, after: true }],
    indent: ['error', 2, {
      SwitchCase: 1,
      VariableDeclarator: 1,
      outerIIFEBody: 1,
      // MemberExpression: null,
      FunctionDeclaration: {
        parameters: 1,
        body: 1
      },
      FunctionExpression: {
        parameters: 1,
        body: 1
      },
      CallExpression: {
        arguments: 1
      },
      ArrayExpression: 1,
      ObjectExpression: 1,
      ImportDeclaration: 1,
      flatTernaryExpressions: false,
      ignoredNodes: ['JSXElement', 'JSXElement *']
    }],
    'key-spacing': ['error', { beforeColon: false, afterColon: true }],
    'keyword-spacing': ['error', { before: true, after: true }],
    'new-cap': ['error', { newIsCap: true, capIsNew: false, properties: true }],
    'no-array-constructor': ['error'],
    'no-extend-native': ['error'],
    'no-extra-bind': ['error'],
    'no-implied-eval': ['error'],
    'no-iterator': ['error'],
    'no-labels': ['error', { allowLoop: false, allowSwitch: false }],
    'no-lone-blocks': ['error'],
    'no-mixed-operators': 1,
    'no-negated-in-lhs': ['error'],
    'no-new': ['error'],
    'no-new-object': ['error'],
    'no-octal-escape': ['error'],
    'no-path-concat': ['error'],
    'no-throw-literal': ['error'],
    'no-unmodified-loop-condition': ['error'],
    'no-unneeded-ternary': ['error', { defaultAssignment: false }],
    'no-unused-expressions': [
      'error',
      {
        allowShortCircuit: true,
        allowTernary: true,
        allowTaggedTemplates: true
      }
    ],
    'no-useless-call': ['error'],
    'no-useless-computed-key': ['error'],
    'no-useless-constructor': ['error'],
    'no-useless-rename': ['error'],
    'no-useless-return': ['error'],
    'object-curly-spacing': ['error', 'always'],
    'one-var': ['error', { initialized: 'never' }],
    'operator-linebreak': 1,
    'padded-blocks': ['error', { blocks: 'never', switches: 'never', classes: 'never' }],
    'prefer-promise-reject-errors': ['error'],
    'rest-spread-spacing': ['error', 'never'],
    'semi-spacing': ['error', { before: false, after: true }],
    'space-before-blocks': ['error', 'always'],
    'space-in-parens': ['error', 'never'],
    'space-unary-ops': ['error', { words: true, nonwords: false }],
    'spaced-comment': 1,
    'symbol-description': ['error'],
    'template-curly-spacing': ['error', 'never'],
    'template-tag-spacing': ['error', 'never'],
    'unicode-bom': ['error', 'never'],
    'yield-star-spacing': ['error', 'both'],
    'no-unused-vars': ['error', { vars: 'all', args: 'none', ignoreRestSiblings: true }],
    eqeqeq: ['error', 'always', { null: 'ignore' }],
    'no-return-assign': ['error', 'except-parens'],
    'eol-last': ['error'],

    'space-before-function-paren': ['error', 'always'],
    'computed-property-spacing': ['error', 'always'], // 'standard/computed-property-even-spacing': [ 'error', 'even' ],
    'array-bracket-spacing': ['error', 'always'], // 'standard/array-bracket-even-spacing': [ 'error', 'either' ],
    camelcase: ['error', { properties: 'never', ignoreDestructuring: false }],
    'comma-dangle': ['error', { arrays: 'never', objects: 'never', imports: 'never', exports: 'never', functions: 'never' }],
    'no-sequences': ['error'],
    'no-eval': ['error'],

    'space-before-function-paren': ['off', 'never'],
    'computed-property-spacing': ['off', 'never'],
    'array-bracket-spacing': ['off', 'never'],
    camelcase: ['error', { properties: 'never', ignoreDestructuring: true }],
    'comma-dangle': ['off', 'never'],
    'no-sequences': ['off', 'never'],
    'no-eval': ['off', 'never'],

    'react/display-name': [2],
    'react/display-name': ['off', 'never'],

  },
  globals: {
  }
}