react.js

module.exports = {
	env: {
		browser: true,
		commonjs: true,
		es2020: true,
	},
	plugins: ['@typescript-eslint', 'jsx-a11y', 'react', 'react-hooks', 'testing-library'],
	extends: [
		require.resolve('./lib/base'),
		'plugin:react/recommended',
		'plugin:jsx-a11y/recommended',
		'plugin:testing-library/react',
		'plugin:prettier/recommended',
	],
	parserOptions: {
		ecmaFeatures: {
			jsx: true,
		},
	},
	settings: {
		react: {
			version: 'detect',
		},
	},
	rules: {
		'class-methods-use-this': 'off',
		'import/no-default-export': 'off',
		'jsx-a11y/label-has-for': 'off',
		'jsx-a11y/no-redundant-roles': 'warn',
		'max-lines-per-function': 'off',
		'no-inline-comments': 'off',
		'react-hooks/rules-of-hooks': 'error',
		'react-hooks/exhaustive-deps': 'warn',
		'react/react-in-jsx-scope': 'off',
		'react/no-unescaped-entities': 'off',
		'react/no-danger': 'error',
		'react/no-access-state-in-setstate': 'error',
		'react/no-array-index-key': 'warn',
		'react/no-did-mount-set-state': ['error', 'disallow-in-func'],
		'react/no-did-update-set-state': ['error', 'disallow-in-func'],
		'react/no-multi-comp': ['error', { ignoreStateless: true }],
		'react/no-redundant-should-component-update': 'error',
		'react/no-this-in-sfc': 'error',
		'react/no-typos': 'error',
		'react/no-unknown-property': 'error',
		'react/no-unsafe': 'error',
		'react/no-unused-state': 'error',
		'react/no-will-update-set-state': 'error',
		'react/prefer-es6-class': 'error',
		'react/prefer-stateless-function': 'error',
		'react/self-closing-comp': 'error',
		'react/sort-comp': 'warn',
		'react/state-in-constructor': ['error', 'never'],
		'react/void-dom-elements-no-children': 'error',
		'react/jsx-boolean-value': 'error',
		'react/jsx-curly-brace-presence': ['error', { props: 'never', children: 'never' }],
		'react/jsx-fragments': ['error', 'syntax'],
		'react/jsx-handler-names': 'error',
		'react/jsx-key': ['error', { checkFragmentShorthand: true }],
		'react/jsx-no-comment-textnodes': 'error',
		'react/jsx-no-script-url': 'error',
		'react/jsx-no-target-blank': 'error',
		'react/jsx-no-useless-fragment': 'error',
		'react/jsx-pascal-case': 'error',
	},
	overrides: [
		{
			files: ['*.test.tsx'],
			rules: {
				'no-undefined': 'off',
			},
		},
	],
}