.eslintrc

// module.exports = {
//   env: {
//     browser: true,
//     es2021: true
//   },
//   extends: ['eslint:recommended', 'plugin:react/recommended', 'plugin:@typescript-eslint/recommended', 'plugin:prettier/recommended'],
//   parser: '@typescript-eslint/parser',
//   parserOptions: {
//     ecmaFeatures: {
//       jsx: true
//     },
//     ecmaVersion: 'latest',
//     sourceType: 'module'
//   },
//   plugins: ['react', '@typescript-eslint'],
//   rules: {}
// };
{
    "root": true,
    "env": {
        "browser": true,
        "commonjs": true,
        "es6": true,
        "node": true,
        "jest": true
    },
    "parser": "@typescript-eslint/parser",
    "extends": [
        "prettier",
        "plugin:@typescript-eslint/recommended",
        "plugin:react/recommended",
        "plugin:react-hooks/recommended"
    ],
    "parserOptions": {
        "ecmaFeatures": {
            "experimentalObjectRestSpread": true,
            "jsx": true
        },
        "sourceType": "module"
    },
    "settings": {
        "react": {
            "version": "16.8"
        }
    },
    "plugins": ["react", "babel", "@typescript-eslint/eslint-plugin"],
    "rules": {
        "react/display-name": 0,
        "react/prop-types": 0,
        "@typescript-eslint/no-this-alias": [
            "error",
            {
                "allowDestructuring": true, // Allow `const { props, state } = this`; false by default
                "allowedNames": ["_self"] // Allow `const vm= this`; `[]` by default
            }
        ],
        "no-empty-function": ["error", { "allow": ["arrowFunctions"] }]
    }
}