.eslintrc.js

module.exports = {
    env: {
        browser: true,
        es2021: true,
    },
    extends: [
        'plugin:react/recommended',
        'airbnb',
    ],
    parser: '@typescript-eslint/parser',
    parserOptions: {
        ecmaFeatures: {
            jsx: true,
        },
        ecmaVersion: 'latest',
        sourceType: 'module',
    },
    plugins: [
        'react',
        '@typescript-eslint',
    ],
    rules: {
        'array-callback-return': ['off'],
        'arrow-body-style': ['off'],
        'arrow-parens': ['off'],
        'camelcase': ['off'],
        'comma-dangle': ['off'],
        'comma-spacing': ['error', { 'before': false, 'after': true }],
        'consistent-return': ['off'],
        'curly': ['off'],
        'default-case': 'off',
        'dot-notation': 'off',
        'eol-last': ['off'],
        'eqeqeq': 'off',
        'func-names': ['off'],
        'function-paren-newline': ['off'],
        'guard-for-in': 'off',
        'global-require': ['off'],
        'indent': ['error', 4, { 'SwitchCase': 1 }],
        'import/prefer-default-export': ['off'],
        'import/no-extraneous-dependencies': 'off',
        'import/no-import-module-exports': 'off',
        'class-methods-use-this': ['off'],
        'import/extensions': 'off',
        'import/first': 'off',
        'import/no-cycle': 'off',
        'import/no-unresolved': 'off',
        'import/order': 'off',
        'jsx-a11y/click-events-have-key-events': ['off'],
        'jsx-a11y/no-static-element-interactions': ['off'],
        'jsx-quotes': ['off'],
        'keyword-spacing': ['error', { 'after': true }],
        'lines-between-class-members': 'off',
        'linebreak-style': 'off',
        'max-len': 'off',
        'new-cap': 'off',
        'no-bitwise': 'off',
        'no-console': 'off',
        'no-class-assign': 'off',
        'no-constant-condition': 'off',
        'no-case-declarations': 'off',
        'no-else-return': 'off',
        'no-empty-pattern': ['off'],
        'no-floating-decimal': 'off',
        'no-multi-assign': 'off',
        'no-mixed-operators': 'off',
        'no-nested-ternary': 'off',
        'no-path-concat': 'off',
        'no-param-reassign': 'off',
        'no-plusplus': 'off',
        'no-restricted-globals': 'off',
        'no-restricted-syntax': 'off',
        'no-return-assign': 'off',
        'no-self-compare': 'off',
        'no-shadow': 'off',
        'no-undef': 'off',
        'no-unused-vars': 'off',
        'no-unreachable': 'off',
        'no-unneeded-ternary': 'off',
        'no-useless-escape': 'off',
        'no-use-before-define': 'off',
        'no-useless-constructor': 'off',
        'no-throw-literal': 'off',
        'no-trailing-spaces': 'off',
        'no-var': ['off'],
        'object-shorthand': 'off',
        'object-curly-newline': 'off',
        'object-curly-spacing': 'off',
        'operator-linebreak': 'off',
        'padded-blocks': 'off',
        'prefer-arrow-callback': 'off',
        'prefer-template': 'off',
        'prefer-const': 'off',
        'prefer-destructuring': 'off',
        'quotes': ['error', 'single', { 'allowTemplateLiterals': true }],
        'quote-props': 'off',
        'react/jsx-curly-newline': ['off'],
        'react/function-component-definition': [
            2,
            {
                namedComponents: ['function-declaration', 'function-expression', 'arrow-function'],
            },
        ],
        'react/jsx-filename-extension': [
            1,
            {
                extensions: ['.tsx'],
            },
        ],
        'react/jsx-props-no-spreading': ['off'],
        'react/jsx-indent': ['off'],
        'react/jsx-indent-props': ['off'],
        'react/jsx-one-expression-per-line': ['off'],
        'react/jsx-boolean-value': ['off'],
        'react/jsx-no-target-blank': ['off'],
        'react/no-array-index-key': ['off'],
        'react/react-in-jsx-scope': ['off'],
        'semi': ['off'],
        'space-before-function-paren': ['off'],
        'spaced-comment': ['off'],
        'space-in-parens': ['off'],
        'vars-on-top': ['off'],
        'wrap-iife': ['off'],
    },
    settings: {
        react: {
            version: 'detect',
        },
    },
};