.eslintrc.js

module.exports = {
    extends: ['react-app', 'eslint:recommended'],
    plugins: ['es'],
    rules: {
        'arrow-parens': 'error',
        'brace-style': 'error',
        'curly': ['error'],
        'es/no-dynamic-import': 'error',
        'jsx-a11y/no-access-key': 'off',
        'no-useless-escape': 'off',
        'quotes': [2, 'single'],
        'keyword-spacing': ['error', {
            'before': true,
            'after': true,
        }],
        'no-duplicate-imports': ['error', { includeExports: true }],
        'eol-last': ['error', 'always'],
        'semi': ['error', 'always'],
        'no-console': 'off',
        'no-extra-boolean-cast':'off',
        'no-extra-semi':'off',
        'no-irregular-whitespace':'off',
        'import/named': ['error', 'always'],
        'import/order': [
            'error',
            {
                alphabetize: {
                    order: 'asc',
                    caseInsensitive: true
                },
                'newlines-between': 'always',
                groups: [
                    'builtin',
                    ['external', 'internal'],
                    ['sibling', 'parent', 'index'],
                    'object'
                ]
            }
        ],
        'indent': ['error', 4, {
            ignoredNodes: ['TemplateLiteral'],
            SwitchCase: 1,
        }],
        'max-statements-per-line': ['error', { max: 1 }],
        'no-process-env': ['error'],
        'no-restricted-globals': ['error', {
            'name': 'URLSearchParams',
            'message': 'Use `query-string` package instead'
        }],
        'no-restricted-syntax': ['error', {
            'selector': `VariableDeclarator[id.type='ObjectPattern'] Property[key.name='searchParams']`,
            'message': 'URL.searchParams is not allowed, Use `query-string` package instead'
        }, {
            'selector': `CallExpression[callee.name='useSelector'] MemberExpression[object.name='state']`,
            'message': 'Please use a selector for any state accesses within useSelector'
        }, {
            'selector': `CallExpression[callee.name='useSelector'] VariableDeclarator[id.type='ObjectPattern'][init.name='state']`,
            'message': 'Please use a selector for any state accesses within useSelector'
        }, {
            'selector': `CallExpression[callee.name='useSelector'] *[type=/FunctionExpression$/][params.0.type='ObjectPattern']`,
            'message': 'Please use a selector for any state accesses within useSelector'
        }],
        'react/jsx-wrap-multilines': ['error', {
            arrow: 'parens',
            condition: 'parens-new-line',
            declaration: 'parens-new-line',
            logical: 'parens-new-line',
            return: 'parens-new-line',
        }],
        'space-before-blocks': ['error'],
    },
    settings: {
        'import/ignore': ['src/config/*'],
    },
    overrides: [
        {
            files: [
                "src/config/configFromEnvironment.js",
                "ci/configFromEnvironment.js",
            ],
            rules: {
                'no-process-env': ['off']
            },
        },
    ],
}