.eslintrc.js

const { rules: baseStyleRules } = require('eslint-config-airbnb-base/rules/style');

const OFF = 0;
const WARN = 1;
const ERROR = 2;

// disable all a11y rules
const a11yOff = Object
  .keys(require('eslint-plugin-jsx-a11y').rules)
  .reduce((acc, rule) => ({ ...acc, [`jsx-a11y/${rule}`]: OFF }), {});

module.exports = {
  root: true,
  extends: [
    'plugin:@typescript-eslint/recommended',
    'plugin:@typescript-eslint/recommended-requiring-type-checking',
    'airbnb-typescript',
    'airbnb/hooks',
  ],
  parser: '@typescript-eslint/parser',
  parserOptions: {
    project: './tsconfig.json',
  },
  env: {
    browser: true,
    es2020: true,
  },
  ignorePatterns: ['/scripts/*', '/config/*', '.eslintrc.js'],
  globals: {
  },
  rules: {
    'react/prop-types': OFF,
    'react/sort-comp': WARN,
    'react/jsx-props-no-spreading': WARN,
    'react/jsx-filename-extension': [ERROR, { extensions: ['.js', '.jsx', '.ts', '.tsx'] }],
    ...a11yOff,

    'no-plusplus': [ERROR, { allowForLoopAfterthoughts: true }],
    'react/no-array-index-key': WARN,
    'react/jsx-one-expression-per-line': OFF,
    'arrow-parens': [ERROR, 'as-needed', { 'requireForBlockBody': true }],
    'no-underscore-dangle': [ERROR, {
      ...baseStyleRules['no-underscore-dangle'][1],
      allow: ['_id'],
    }],
    '@typescript-eslint/no-floating-promises': OFF,
  },
};