react.js

const base = require('./index')

const extendsList = [
    'eslint:recommended',
    'plugin:@typescript-eslint/recommended',
    'plugin:@typescript-eslint/recommended-requiring-type-checking',
    'plugin:react/recommended',
    'plugin:react-hooks/recommended',
    'plugin:jsx-a11y/recommended',
    'plugin:import/errors',
    'plugin:import/warnings',
    'plugin:import/typescript',
    'plugin:sonarjs/recommended',
    'plugin:prettier/recommended',
    'prettier',
]
const reactRules = {
    'react-hooks/exhaustive-deps': 0,
    'react/display-name': 0,
    'react/prop-types': 0,
}
const testPlugins = [
    'plugin:testing-library/react',
    'plugin:jest/recommended',
    'plugin:jest/style',
]

const overrides = base.overrides.map((override) => ({
    ...override,
    extends: override.files[0].includes('*.js')
        ? override.files[0].includes('test')
            ? [
                  ...extendsList.filter(
                      (extendEntry) => !extendEntry.includes('typescript'),
                  ),
                  ...testPlugins,
              ]
            : extendsList.filter(
                  (extendEntry) => !extendEntry.includes('typescript'),
              )
        : override.files[0].includes('test')
        ? [...extendsList, ...testPlugins]
        : extendsList,
    rules: {
        ...override.rules,
        ...reactRules,
    },
}))

module.exports = {
    ...base,
    env: { es2021: true, browser: true, node: true },
    overrides,
    settings: {
        react: {
            version: 'detect',
        },
    },
}