.eslintrc.js

const ignoreExports = [
  '.eslintrc.js',
  'app/script.js',
  'app/script.test.js',
  'commitlint.config.js',
  'test/About.test.js',
  'truffle-config.js',
  // TODO: Fix index exports
  '**/index.js',
]

module.exports = {
  env: {
    browser: true,
    commonjs: true,
    es6: true,
    node: true,
  },
  extends: [
    'standard', 'standard-react',
    'eslint:recommended',
    'plugin:import/errors',
    'plugin:react/recommended', // will import plugin and enable jsx in parser options
    'plugin:jsx-a11y/recommended',
  ],
  parser: 'babel-eslint',
  parserOptions: {
    ecmaVersion: 2018,
  },
  plugins: [ 'react-hooks', 'sort-keys-fix' ],
  rules: {
    'array-bracket-spacing': [ 'error', 'always', { singleValue: false } ],
    'arrow-parens': [ 'error', 'as-needed' ],
    'comma-dangle': [ 'error', 'always-multiline' ],
    'comma-spacing': ['error'],
    'func-style': [ 'warn', 'declaration', { 'allowArrowFunctions': true } ],
    'import/no-unresolved': ['error'],
    'import/no-unused-modules': [ 'error', { ignoreExports, missingExports: true, unusedExports: true } ],
    'indent': [ 'error', 2 ],
    'linebreak-style': [ 'error', 'unix' ],
    'no-console': [ 'warn', { allow: [ 'warn', 'error' ] } ],
    'no-multi-spaces': 'error',
    'no-trailing-spaces': ['error'],
    'no-undef': 'error',
    'no-unused-vars': [ 'warn', { 'args': 'after-used', 'ignoreRestSiblings': false, 'vars': 'all' } ],
    'object-curly-spacing': [ 'error', 'always' ],
    'quotes': [ 'error', 'single' ],
    'react-hooks/exhaustive-deps': 'error',
    'react-hooks/rules-of-hooks': 'error',
    'react/default-props-match-prop-types': ['error'],
    'react/destructuring-assignment': [ 'error', 'always' ],
    'react/forbid-prop-types': ['warn'],
    'react/function-component-definition': [ 'error', { 'namedComponents': 'arrow-function', 'unnamedComponents': 'function-expression' } ],
    'react/no-array-index-key': 'warn',
    'react/no-danger': 'error',
    'react/no-typos': 'error',
    'react/no-unused-prop-types': 'warn',
    'react/require-default-props': ['error'],
    'react/self-closing-comp': [ 'error', { 'component': true, 'html': true } ],
    'react/sort-comp': ['error'],
    'react/sort-prop-types': [ 'error', { 'ignoreCase': true, 'sortShapeProp': 'true' } ],
    'react/void-dom-elements-no-children': 'error',
    'semi': [ 'error', 'never' ],
    'sort-imports': [ 'error', { 'ignoreDeclarationSort': true } ],
    'sort-keys-fix/sort-keys-fix': 'error',
  },
  settings: {
    react: { version: 'detect' },
  },
}