.eslintrc.js

module.exports = {
    env: {
        browser: true,
        es2021: true,
        node: true,
    },
    extends: [
        'plugin:react/recommended',
        'airbnb',
        "prettier", 
        "prettier/react"
    ],
    parserOptions: {
        ecmaFeatures: {
            jsx: true,
        },
        ecmaVersion: 12,
        sourceType: 'module',
    },
    plugins: [
        'react',
    ],
    rules: {
        'arrow-body-style': 0,
        'arrow-spacing': 'error',
        'block-spacing': 'error',
        'brace-style': ['error', '1tbs', { allowSingleLine: true }],
        'comma-dangle': ['error', 'always-multiline'],
        'comma-spacing': 'error',
        'comma-style': 'error',
        curly: ['error', 'multi-or-nest'],
        'dot-location': ['error', 'property'],
        'eol-last': 'warn',
        'handle-callback-err': 'off',
        indent: ['error', 4],
        'key-spacing': [
            'error', {
                beforeColon: false,
                afterColon: true,
                mode: 'strict',
            },
        ],
        'keyword-spacing': [
            'error', {
                before: true,
                after: true,
            },
        ],
        'lines-between-class-members': ['error', 'always'],
        'max-statements-per-line': ['error', { max: 2 }],
        'no-console': 'off',
        'no-duplicate-imports': 'error',
        'no-floating-decimal': 'error',
        'no-lonely-if': 'error',
        'no-multi-spaces': 'error',
        'no-multiple-empty-lines': [
            'error',
            { max: 2, maxEOF: 1, maxBOF: 0 },
        ],
        'no-shadow': ['error', { allow: ['err', 'resolve', 'reject'] }],
        'no-trailing-spaces': ['error'],
        'no-unused-vars': 'warn',
        'no-useless-return': 'error',
        'no-var': 'error',
        'no-whitespace-before-property': 'error',
        'object-curly-spacing': ['error', 'always'],
        'padded-blocks': [
            'error', {
                blocks: 'never',
                classes: 'always',
            },
        ],
        'padding-line-between-statements': [
            'error',
            { blankLine: 'always', prev: 'function', next: '*' },
            { blankLine: 'always', prev: '*', next: 'function' },
        ],
        'prefer-const': 'error',
        quotes: ['error', 'single'],
        semi: ['error', 'always'],
        'space-before-blocks': 'error',
        'space-before-function-paren': [
            'error', {
                anonymous: 'never',
                named: 'never',
                asyncArrow: 'never',
            },
        ],
        'space-in-parens': 'error',
        'space-infix-ops': 'error',
        'space-unary-ops': 'error',
        'spaced-comment': 'error',
        'switch-colon-spacing': 'error',
        yoda: 'error',
        'react/jsx-indent': [2, 4],
        'react/button-has-type': 0,
        'react/jsx-indent-props': 0,
        'react/rule-of-hooks': 2,
    },
};