Boilerplate eslint config for CRA typescript

.eslintrc.js

module.exports = {
  parserOptions: {
    ecmaVersion: 7,
    sourceType: 'module',
    ecmaFeatures: {
      jsx: true
    }
  },
  parser: '@typescript-eslint/parser',
  extends: ['airbnb', 'prettier', 'prettier/react', 'prettier/standard'],
  env: {
    browser: true,
    mocha: true,
    node: true,
    jest: true,
    es6: true
  },
  plugins: ['react', '@typescript-eslint', 'prettier', 'react-hooks'],

  rules: {
    /**
     * You can disable button-has-type,
     * if you use only "submit" button.
     */
    'react/button-has-type': 0,
    'react/no-array-index-key': 0,
    'jsx-a11y/no-noninteractive-element-interactions': 0,
    'jsx-a11y/click-events-have-key-events': 0,
    'jsx-a11y/no-static-element-interactions': 0,
    'no-use-before-define': 0,
    'jsx-a11y/no-autofocus': 0,
    'react/sort-comp': 0,
    'react/prefer-stateless-function': 0,
    'jsx-a11y/anchor-is-valid': [
      'error',
      {
        components: ['Link'],
        specialLink: ['to']
      }
    ],
    'jsx-a11y/label-has-for': [
      2,
      {
        required: {
          some: ['nesting', 'id']
        }
      }
    ],
    'no-underscore-dangle': 0,
    'no-debugger': 0,
    'no-console': ['warn', { allow: ['warn', 'error'] }],
    'import/no-named-as-default': 0,
    'import/prefer-default-export': 0,
    'object-shorthand': 0,
    'react/forbid-prop-types': 0,
    'class-methods-use-this': 0,
    'no-param-reassign': [
      2,
      {
        props: false
      }
    ],
    'react/jsx-filename-extension': 0,
    /**
     * The next rule allows the use of passing props
     * using the spread operator {...props}
     * If enable, you need to pass explicit props
     * prop1={prop1} prop2={prop2}
     */
    'react/jsx-props-no-spreading': 0,
    'react/prop-types': 0,
    'import/no-extraneous-dependencies': 0,
    'import/extensions': [
      'error',
      'always',
      {
        js: 'never',
        jsx: 'never',
        ts: 'never',
        tsx: 'never'
      }
    ],
    'prettier/prettier': [
      'error',
      {
        singleQuote: true
      }
    ],

    'no-unused-vars': 1,
    '@typescript-eslint/no-unused-vars': 1,
    'import/no-named-as-default': 0,
    'import/no-named-as-default-member': 0,
    'import/no-named-default': 0,
    'no-self-compare': 0,
    'no-new': 0,
    'jsx-a11y/label-has-for': 0,
    'no-shadow': 0,
    'no-case-declarations': 0,
    camelcase: 0
  },
  overrides: [
    {
      files: '*.test.ts',
      rules: {
        'no-unused-expressions': 'off'
      }
    }
  ],
  settings: {
    'import/resolver': {
      node: {
        extensions: ['.js', '.jsx', '.ts', '.tsx'],
        paths: ['./src']
      }
    }
  }
};