.eslintrc.js

module.exports = {
    root: true,
    extends: [
      "airbnb",
      "airbnb-typescript",
      "airbnb/hooks",
      "eslint:recommended",
      "plugin:import/recommended",
      "plugin:react/recommended",
      "plugin:@typescript-eslint/recommended",
      "plugin:jest/recommended",
      "plugin:prettier/recommended"
    ],
    plugins: ["react", "@typescript-eslint", "jest"],
    ignorePatterns: ["*.js"],
    env: {
      browser: true,
      es6: true,
      jest: true
    },
    globals: {
      Atomics: "readonly",
      SharedArrayBuffer: "readonly",
    },
    parser: "@typescript-eslint/parser",
    parserOptions: {
      // Make sure eslint and VS Code use the same path for the tsconfig.json:
      // https://github.com/typescript-eslint/typescript-eslint/issues/251
      tsconfigRootDir: __dirname,
      project: "./tsconfig.json",
      ecmaVersion: 2018, 
      sourceType: 'module'
    },
    rules: {
      // Disables jsx-a11y https://github.com/import-js/eslint-plugin-import/blob/v2.25.4/docs/rules/no-webpack-loader-syntax.md
      ...Object.keys(require('eslint-plugin-jsx-a11y').rules).reduce((acc, rule) => { acc[`jsx-a11y/${rule}`] = 'off'; return acc }, {}),
      "class-methods-use-this":"off",
      "linebreak-style": "off",
      "no-continue": "off",
      "no-multi-assign": "warn",
      "no-nested-ternary": "off",
      "no-param-reassign": ["error", { "props": false }],
      "no-return-assign": "warn", 
      "no-restricted-syntax": "off",
      "no-plusplus": "off",
      "no-prototype-builtins": "warn",
      "no-minusminus": "off",
      "no-underscore-dangle": "off",
      "max-classes-per-file": "off",
      "no-param-reassign": "warn",
      "import/no-extraneous-dependencies": "off",
      // Disable the following 2 lines because to allow webpack file-loaders syntax
      "import/no-webpack-loader-syntax": "off",
      "import/no-unresolved": "off",
      "import/prefer-default-export": "off",
      "import/order": "error",
      "prefer-destructuring": ["warn", {"object": true, "array": false}],
      "prefer-promise-reject-errors": "warn",
      "prefer-spread": "warn",
      "@typescript-eslint/ban-ts-comment": "warn",
      "react/destructuring-assignment": "warn",
      "react/jsx-props-no-spreading": "off",
      "react/no-unused-class-component-methods": "warn",
      "react/prop-types": "off",
      "react/require-default-props": "off",
      "no-await-in-loop": "off",
      "eslint/no-shadow": "off",
      "@typescript-eslint/no-shadow": "off",
      "@typescript-eslint/default-param-last": "off",
      "no-bitwise": "off",
      "@typescript-eslint/no-explicit-any": "off",
      "func-names": "off",
      "@typescript-eslint/naming-convention": "off",
      "no-param-reassign": "off",
      "@typescript-eslint/no-useless-constructor": "off",
      "@typescript-eslint/no-empty-function": "off",
      "react/destructuring-assignment": "off",
      "guard-for-in": "off",
      "@typescript-eslint/ban-ts-comment": "off",
      "no-alert": "off",
      "no-console": "off",
      "@typescript-eslint/ban-types": "off",
      "react/static-property-placement": ["warn", "property assignment", {
        childContextTypes: "static getter",
        contextTypes: "static public field",
        contextType: "static public field",
        displayName: "static public field",
      }]
    }
  };