@dartess/eslint-plugin 0.5.0 → 0.6.0

package/CHANGELOG.md

@@ -2,6 +2,11 @@
 
 [//]: # (https://keepachangelog.com/en/1.1.0/)
 
+## [0.6.0] - 2026-01-17
+- replace legacy `eslint-plugin-react` with modern `@eslint-react/eslint-plugin`
+
+If you're using React: uninstall `eslint-plugin-react`, then install `@eslint-react/eslint-plugin` and `@stylistic/eslint-plugin`.
+
 ## [0.5.0] - 2026-01-16
 - add rule `@dartess/mobx-sync-action`
 - add `@dartess/mobx-sync-action` to `mobx` config

package/README.md

@@ -10,7 +10,7 @@ Also extends
 * `eslint-plugin-de-morgan` — `recommended`
 
 Also can extends (if it is applicable)
-* `eslint-plugin-react` — `recommended` & `jsx-runtime`
+* `@eslint-react/eslint-plugin` — `strict-type-checked`
 * `eslint-plugin-react-hooks` — `recommended`
 * `@next/eslint-plugin-next` — `recommended` & `core-web-vitals`
 * `eslint-config-next`
@@ -25,7 +25,7 @@ All of it pinched with extra configs, setups and extra rules. Just take it and u
 
 2. The package is intended for use only with the `flat` eslint config.
 
-3. _(for React users)_ The package is intended for use with [React New JSX Transform](https://legacy.reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html).
+3. _(for React users)_ The package is intended for use with [React New JSX Transform](https://legacy.reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html) and React 19+.
 
 ## Installation
 
@@ -46,7 +46,10 @@ npm i -D eslint \
 Next, also install the packages that suit your needs.
 
 ```sh
-npm i -D eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-jsx-a11y
+npm i -D eslint-plugin-react-hooks \
+  eslint-plugin-jsx-a11y \
+  @eslint-react/eslint-plugin \
+  @stylistic/eslint-plugin
 ```
 ```sh
 npm i -D @next/eslint-plugin-next
@@ -171,7 +174,7 @@ Each rule has emojis denoting:
 | [strict-observable-components-declaration](docs/rules/strict-observable-components-declaration.md)         | Wrapping components in `observer` must comply with the regulations.           | ✅ |    |    |
 | [require-observer](docs/rules/require-observer.md)                                                         | Components using the stores must be wrapped in an `observer`                  | ✅ | 🔧 |    |
 | [mobx-sync-autorun](docs/rules/mobx-sync-autorun.md)                                                       | Enforce synchronous autorun callback                                          | ✅ |    |    |
-| [mobx-sync-action](docs/rules/mobx-sync-action.md)                                                         | Enforce synchronous actions                                                   |   |    |    |
+| [mobx-sync-action](docs/rules/mobx-sync-action.md)                                                         | Enforce synchronous actions                                                   | ✅ |    |    |
 
 ## Code Reuse Policy
 

package/dist/configs/react.js

@@ -1,33 +1,23 @@
-// This file contains code from the `eslint-config-airbnb` project
-// Original author: Jake Teton-Landis (https://twitter.com/@jitl)
-// License: MIT (see LICENSE-eslint-config-airbnb.md file)
-import reactPlugin from 'eslint-plugin-react';
+import eslintReact from '@eslint-react/eslint-plugin';
+import stylisticPlugin from '@stylistic/eslint-plugin';
 import reactHooksPlugin from 'eslint-plugin-react-hooks';
 import jsxA11yPlugin from 'eslint-plugin-jsx-a11y';
-import vendorRulesReact from "./vendor-rules/react.js";
 const config = [
     {
         name: '@dartess/react-setup',
         plugins: {
             'react-hooks': reactHooksPlugin,
             'jsx-a11y': jsxA11yPlugin,
+            '@stylistic': stylisticPlugin,
         },
         settings: {
-            react: {
+            'react-x': {
                 version: 'detect',
             },
         },
     },
+    eslintReact.configs['strict-type-checked'],
     reactHooksPlugin.configs.flat.recommended,
-    {
-        name: 'react/recommended', // missed name, @see e.g. https://github.com/jsx-eslint/eslint-plugin-react/pull/3882
-        ...reactPlugin.configs.flat.recommended,
-    },
-    {
-        name: '@dartess/eslint-plugin-react/jsx-runtime',
-        files: ['**/*.{jsx,tsx}'],
-        ...reactPlugin.configs.flat['jsx-runtime'],
-    },
     {
         name: '@dartess/react',
         files: ['**/*.{jsx,tsx}'],
@@ -49,12 +39,7 @@ const config = [
             },
         },
         rules: {
-            ...vendorRulesReact,
-            // too hard for fixing, TODO maybe try later?
-            'react/jsx-props-no-spreading': 'off',
             // TODO: try to enable this rules later (if needed)
-            'react/require-default-props': 'off',
-            'react/no-unstable-nested-components': 'off',
             'jsx-a11y/click-events-have-key-events': 'off',
             'jsx-a11y/anchor-is-valid': 'off',
             'jsx-a11y/interactive-supports-focus': 'off',
@@ -63,12 +48,29 @@ const config = [
             'jsx-a11y/no-noninteractive-tabindex': 'off', // TODO enable later
             'jsx-a11y/no-noninteractive-element-interactions': 'off', // TODO enable later
             'jsx-a11y/label-has-associated-control': 'off', // TODO enable later but with `assert`=`either`
-            // Append 'tsx' to Airbnb 'react/jsx-filename-extension' rule
-            // Original: ['.jsx']
-            'react/jsx-filename-extension': ['error', { extensions: ['.jsx', '.tsx'] }],
-            // overrides
-            'react/jsx-no-duplicate-props': 'off', // checked by typescript
-            'react/jsx-no-undef': 'off', // checked by typescript
+            '@eslint-react/naming-convention/filename': 'error', // enforce corrent filename
+            // disable some recommended rules
+            '@eslint-react/prefer-destructuring-assignment': 'off', // can break discriminated union types
+            // mark some recommended warns as errors
+            '@eslint-react/dom/no-missing-button-type': 'error',
+            '@eslint-react/naming-convention/use-state': 'error',
+            '@eslint-react/naming-convention/ref-name': 'error',
+            '@eslint-react/naming-convention/context-name': 'error',
+            '@eslint-react/dom/no-missing-iframe-sandbox': 'error',
+            '@eslint-react/dom/no-unsafe-iframe-sandbox': 'error',
+            '@eslint-react/jsx-no-comment-textnodes': 'error',
+            '@eslint-react/no-unstable-context-value': 'error',
+            '@eslint-react/dom/no-script-url': 'error',
+            '@eslint-react/dom/no-unsafe-target-blank': 'error',
+            '@eslint-react/no-useless-fragment': 'error',
+            '@eslint-react/dom/no-dangerously-set-innerhtml': 'error',
+            '@eslint-react/no-forward-ref': 'error',
+            // enable airbnb-style rules
+            '@eslint-react/jsx-shorthand-boolean': 'error',
+            '@eslint-react/jsx-shorthand-fragment': 'error',
+            '@eslint-react/naming-convention/component-name': 'error',
+            '@stylistic/jsx-curly-brace-presence': ['error', { props: 'never', children: 'never' }],
+            '@stylistic/jsx-self-closing-comp': 'error',
         },
     },
 ];

package/dist/configs/vendor-rules/variables.d.ts

@@ -7,7 +7,7 @@ declare const rules: {
         name: string;
         message: string;
     }, ...{
-        name: "name" | "length" | "find" | "parent" | "menubar" | "self" | "addEventListener" | "blur" | "close" | "closed" | "confirm" | "defaultStatus" | "defaultstatus" | "event" | "external" | "focus" | "frameElement" | "frames" | "history" | "innerHeight" | "innerWidth" | "location" | "locationbar" | "moveBy" | "moveTo" | "onblur" | "onerror" | "onfocus" | "onload" | "onresize" | "onunload" | "open" | "opener" | "opera" | "outerHeight" | "outerWidth" | "pageXOffset" | "pageYOffset" | "print" | "removeEventListener" | "resizeBy" | "resizeTo" | "screen" | "screenLeft" | "screenTop" | "screenX" | "screenY" | "scroll" | "scrollbars" | "scrollBy" | "scrollTo" | "scrollX" | "scrollY" | "status" | "statusbar" | "stop" | "toolbar" | "top";
+        name: "name" | "length" | "find" | "parent" | "self" | "addEventListener" | "blur" | "close" | "closed" | "confirm" | "defaultStatus" | "defaultstatus" | "event" | "external" | "focus" | "frameElement" | "frames" | "history" | "innerHeight" | "innerWidth" | "location" | "locationbar" | "menubar" | "moveBy" | "moveTo" | "onblur" | "onerror" | "onfocus" | "onload" | "onresize" | "onunload" | "open" | "opener" | "opera" | "outerHeight" | "outerWidth" | "pageXOffset" | "pageYOffset" | "print" | "removeEventListener" | "resizeBy" | "resizeTo" | "screen" | "screenLeft" | "screenTop" | "screenX" | "screenY" | "scroll" | "scrollbars" | "scrollBy" | "scrollTo" | "scrollX" | "scrollY" | "status" | "statusbar" | "stop" | "toolbar" | "top";
         message: string;
     }[]];
     'no-shadow': "error";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dartess/eslint-plugin",
   "type": "module",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "A set of rules and configs for various TypeScript projects",
   "keywords": [
     "eslint",
@@ -47,8 +47,10 @@
   },
   "peerDependencies": {
     "@eslint-community/eslint-plugin-eslint-comments": "^4.0.0",
+    "@eslint-react/eslint-plugin": "^2.7.0",
     "@eslint/js": "^9.0.0",
     "@next/eslint-plugin-next": "^16.0.0",
+    "@stylistic/eslint-plugin": "^5.7.0",
     "eslint": "^9.0.0",
     "eslint-import-resolver-typescript": "^4.0.0",
     "eslint-plugin-de-morgan": "^2.0.0",
@@ -56,23 +58,25 @@
     "eslint-plugin-import-x": "^4.1.0",
     "eslint-plugin-jsx-a11y": "^6.10.0",
     "eslint-plugin-mobx": "~0.0.13",
-    "eslint-plugin-react": "^7.37.0",
     "eslint-plugin-react-hooks": "^7.0.0",
     "eslint-plugin-storybook": "^10.0.0",
     "eslint-plugin-unicorn": ">=58.0.0",
     "typescript-eslint": "^8.15.0"
   },
   "peerDependenciesMeta": {
+    "@eslint-react/eslint-plugin": {
+      "optional": true
+    },
     "@next/eslint-plugin-next": {
       "optional": true
     },
-    "eslint-plugin-jsx-a11y": {
+    "@stylistic/eslint-plugin": {
       "optional": true
     },
-    "eslint-plugin-mobx": {
+    "eslint-plugin-jsx-a11y": {
       "optional": true
     },
-    "eslint-plugin-react": {
+    "eslint-plugin-mobx": {
       "optional": true
     },
     "eslint-plugin-react-hooks": {

package/dist/configs/vendor-rules/react.d.ts

@@ -1,213 +0,0 @@
-declare const rules: {
-    /**
-     * react
-     * copied from
-     * https://github.com/airbnb/javascript/blob/c25bce83be4db06e6a221d79686c485cd2ed5d5d/packages/eslint-config-airbnb/rules/react-a11y.js
-     * */
-    'no-underscore-dangle': ["error", {
-        allowAfterThis: boolean;
-        allowAfterSuper: boolean;
-        enforceInMethodNames: boolean;
-        allow: string[];
-    }];
-    'react/display-name': ["off", {
-        ignoreTranspilerName: boolean;
-    }];
-    'react/jsx-boolean-value': ["error", string, {
-        always: never[];
-    }];
-    'react/jsx-closing-bracket-location': ["error", string];
-    'react/jsx-closing-tag-location': "error";
-    'react/jsx-curly-spacing': ["error", string, {
-        allowMultiline: boolean;
-    }];
-    'react/jsx-indent-props': ["error", number];
-    'react/jsx-max-props-per-line': ["error", {
-        maximum: number;
-        when: string;
-    }];
-    'react/jsx-no-bind': ["error", {
-        ignoreRefs: boolean;
-        allowArrowFunctions: boolean;
-        allowFunctions: boolean;
-        allowBind: boolean;
-        ignoreDOMComponents: boolean;
-    }];
-    'react/jsx-pascal-case': ["error", {
-        allowAllCaps: boolean;
-        ignore: never[];
-    }];
-    'react/no-danger': "error";
-    'react/no-did-update-set-state': "error";
-    'react/no-will-update-set-state': "error";
-    'react/no-direct-mutation-state': "off";
-    'react/prefer-es6-class': ["error", string];
-    'react/prefer-stateless-function': ["error", {
-        ignorePureComponents: boolean;
-    }];
-    'react/self-closing-comp': "error";
-    'react/sort-comp': ["error", {
-        order: string[];
-        groups: {
-            lifecycle: string[];
-            rendering: string[];
-        };
-    }];
-    'react/jsx-wrap-multilines': ["error", {
-        declaration: string;
-        assignment: string;
-        return: string;
-        arrow: string;
-        condition: string;
-        logical: string;
-        prop: string;
-    }];
-    'react/jsx-first-prop-new-line': ["error", string];
-    'react/jsx-equals-spacing': ["error", string];
-    'react/jsx-indent': ["error", number];
-    'react/jsx-no-target-blank': ["error", {
-        enforceDynamicLinks: string;
-    }];
-    'react/jsx-filename-extension': ["error", {
-        extensions: string[];
-    }];
-    'react/style-prop-object': "error";
-    'react/jsx-tag-spacing': ["error", {
-        closingSlash: string;
-        beforeSelfClosing: string;
-        afterOpening: string;
-        beforeClosing: string;
-    }];
-    'react/require-default-props': ["error", {
-        forbidDefaultForRequired: boolean;
-    }];
-    'react/void-dom-elements-no-children': "error";
-    'react/no-redundant-should-component-update': "error";
-    'react/no-unused-state': "error";
-    'react/no-typos': "error";
-    'react/jsx-curly-brace-presence': ["error", {
-        props: string;
-        children: string;
-    }];
-    'react/jsx-one-expression-per-line': ["error", {
-        allow: string;
-    }];
-    'react/no-access-state-in-setstate': "error";
-    'react/button-has-type': ["error", {
-        button: boolean;
-        submit: boolean;
-        reset: boolean;
-    }];
-    'react/no-this-in-sfc': "error";
-    'react/jsx-props-no-multi-spaces': "error";
-    'react/jsx-fragments': ["error", string];
-    'react/jsx-curly-newline': ["error", {
-        multiline: string;
-        singleline: string;
-    }];
-    'react/jsx-props-no-spreading': ["error", {
-        html: string;
-        custom: string;
-        explicitSpread: string;
-        exceptions: never[];
-    }];
-    'react/jsx-no-script-url': ["error", {
-        name: string;
-        props: string[];
-    }[]];
-    'react/jsx-no-useless-fragment': "error";
-    'react/jsx-no-constructed-context-values': "error";
-    'react/no-unstable-nested-components': "error";
-    'react/no-namespace': "error";
-    'react/prefer-exact-props': "error";
-    'react/no-arrow-function-lifecycle': "error";
-    'react/no-invalid-html-attribute': "error";
-    'react/no-unused-class-component-methods': "error";
-    'react/hook-use-state': "error";
-    'react/iframe-missing-sandbox': "error";
-    /**
-     * react-a11y
-     * copied from
-     * https://github.com/airbnb/javascript/blob/c25bce83be4db06e6a221d79686c485cd2ed5d5d/packages/eslint-config-airbnb/rules/react-a11y.js
-     * */
-    'jsx-a11y/alt-text': ["error", {
-        elements: string[];
-        img: never[];
-        object: never[];
-        area: never[];
-        'input[type="image"]': never[];
-    }];
-    'jsx-a11y/anchor-has-content': ["error", {
-        components: never[];
-    }];
-    'jsx-a11y/anchor-is-valid': ["error", {
-        components: string[];
-        specialLink: string[];
-        aspects: string[];
-    }];
-    'jsx-a11y/aria-activedescendant-has-tabindex': "error";
-    'jsx-a11y/aria-props': "error";
-    'jsx-a11y/aria-proptypes': "error";
-    'jsx-a11y/aria-role': ["error", {
-        ignoreNonDOM: boolean;
-    }];
-    'jsx-a11y/aria-unsupported-elements': "error";
-    'jsx-a11y/click-events-have-key-events': "error";
-    'jsx-a11y/heading-has-content': ["error", {
-        components: string[];
-    }];
-    'jsx-a11y/html-has-lang': "error";
-    'jsx-a11y/iframe-has-title': "error";
-    'jsx-a11y/img-redundant-alt': "error";
-    'jsx-a11y/interactive-supports-focus': "error";
-    'jsx-a11y/label-has-associated-control': ["error", {
-        labelComponents: never[];
-        labelAttributes: never[];
-        controlComponents: never[];
-        assert: string;
-        depth: number;
-    }];
-    'jsx-a11y/lang': "error";
-    'jsx-a11y/media-has-caption': ["error", {
-        audio: never[];
-        video: never[];
-        track: never[];
-    }];
-    'jsx-a11y/mouse-events-have-key-events': "error";
-    'jsx-a11y/no-access-key': "error";
-    'jsx-a11y/no-distracting-elements': ["error", {
-        elements: string[];
-    }];
-    'jsx-a11y/no-interactive-element-to-noninteractive-role': ["error", {
-        tr: string[];
-    }];
-    'jsx-a11y/no-noninteractive-element-interactions': ["error", {
-        handlers: string[];
-    }];
-    'jsx-a11y/no-noninteractive-element-to-interactive-role': ["error", {
-        ul: string[];
-        ol: string[];
-        li: string[];
-        table: string[];
-        td: string[];
-    }];
-    'jsx-a11y/no-noninteractive-tabindex': ["error", {
-        tags: never[];
-        roles: string[];
-        allowExpressionValues: boolean;
-    }];
-    'jsx-a11y/no-redundant-roles': ["error", {
-        nav: string[];
-    }];
-    'jsx-a11y/no-static-element-interactions': ["error", {
-        handlers: string[];
-    }];
-    'jsx-a11y/role-has-required-aria-props': "error";
-    'jsx-a11y/role-supports-aria-props': "error";
-    'jsx-a11y/scope': "error";
-    'jsx-a11y/tabindex-no-positive': "error";
-    'jsx-a11y/anchor-ambiguous-text': "error";
-    'jsx-a11y/no-aria-hidden-on-focusable': "error";
-    'jsx-a11y/prefer-tag-over-role': "error";
-};
-export default rules;

package/dist/configs/vendor-rules/react.js

@@ -1,470 +0,0 @@
-// This file contains code from the `eslint-config-airbnb` project
-// Original author: Jake Teton-Landis (https://twitter.com/@jitl)
-// License: MIT (see LICENSE-eslint-config-airbnb.md file)
-const rules = {
-    /**
-     * react
-     * copied from
-     * https://github.com/airbnb/javascript/blob/c25bce83be4db06e6a221d79686c485cd2ed5d5d/packages/eslint-config-airbnb/rules/react-a11y.js
-     * */
-    'no-underscore-dangle': [
-        'error',
-        {
-            allowAfterThis: false,
-            allowAfterSuper: false,
-            enforceInMethodNames: true,
-            allow: ['__REDUX_DEVTOOLS_EXTENSION_COMPOSE__'],
-        },
-    ],
-    // TODO check it later
-    // Prevent missing displayName in a React component definition
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/display-name.md
-    'react/display-name': ['off', { ignoreTranspilerName: false }],
-    // Enforce boolean attributes notation in JSX
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-boolean-value.md
-    'react/jsx-boolean-value': ['error', 'never', { always: [] }],
-    // Validate closing bracket location in JSX
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-closing-bracket-location.md
-    'react/jsx-closing-bracket-location': ['error', 'line-aligned'],
-    // Validate closing tag location in JSX
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-closing-tag-location.md
-    'react/jsx-closing-tag-location': 'error',
-    // Enforce or disallow spaces inside of curly braces in JSX attributes
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-curly-spacing.md
-    'react/jsx-curly-spacing': ['error', 'never', { allowMultiline: true }],
-    // Validate props indentation in JSX
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-indent-props.md
-    'react/jsx-indent-props': ['error', 2],
-    // Limit maximum of props on a single line in JSX
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-max-props-per-line.md
-    'react/jsx-max-props-per-line': ['error', { maximum: 1, when: 'multiline' }],
-    // Prevent usage of .bind() in JSX props
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-bind.md
-    'react/jsx-no-bind': [
-        'error',
-        {
-            ignoreRefs: true,
-            allowArrowFunctions: true,
-            allowFunctions: false,
-            allowBind: false,
-            ignoreDOMComponents: true,
-        },
-    ],
-    // Enforce PascalCase for user-defined JSX components
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-pascal-case.md
-    'react/jsx-pascal-case': [
-        'error',
-        {
-            allowAllCaps: true,
-            ignore: [],
-        },
-    ],
-    // Prevent usage of dangerous JSX properties
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-danger.md
-    'react/no-danger': 'error',
-    // Prevent usage of setState in componentDidUpdate
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-did-update-set-state.md
-    'react/no-did-update-set-state': 'error',
-    // Prevent usage of setState in componentWillUpdate
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-will-update-set-state.md
-    'react/no-will-update-set-state': 'error',
-    // Prevent direct mutation of this.state
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-direct-mutation-state.md
-    'react/no-direct-mutation-state': 'off',
-    // Require ES6 class declarations over React.createClass
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/prefer-es6-class.md
-    'react/prefer-es6-class': ['error', 'always'],
-    // Require stateless functions when not using lifecycle methods, setState or ref
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/prefer-stateless-function.md
-    'react/prefer-stateless-function': ['error', { ignorePureComponents: true }],
-    // Prevent extra closing tags for components without children
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/self-closing-comp.md
-    'react/self-closing-comp': 'error',
-    // Enforce component methods order
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/843d71a432baf0f01f598d7cf1eea75ad6896e4b/docs/rules/sort-comp.md
-    'react/sort-comp': [
-        'error',
-        {
-            order: [
-                'static-variables',
-                'static-methods',
-                'instance-variables',
-                'lifecycle',
-                '/^handle.+$/',
-                '/^on.+$/',
-                'getters',
-                'setters',
-                '/^(get|set)(?!(InitialState$|DefaultProps$|ChildContext$)).+$/',
-                'instance-methods',
-                'everything-else',
-                'rendering',
-            ],
-            groups: {
-                lifecycle: [
-                    'displayName',
-                    'propTypes',
-                    'contextTypes',
-                    'childContextTypes',
-                    'mixins',
-                    'statics',
-                    'defaultProps',
-                    'constructor',
-                    'getDefaultProps',
-                    'getInitialState',
-                    'state',
-                    'getChildContext',
-                    'getDerivedStateFromProps',
-                    'componentWillMount',
-                    'UNSAFE_componentWillMount',
-                    'componentDidMount',
-                    'componentWillReceiveProps',
-                    'UNSAFE_componentWillReceiveProps',
-                    'shouldComponentUpdate',
-                    'componentWillUpdate',
-                    'UNSAFE_componentWillUpdate',
-                    'getSnapshotBeforeUpdate',
-                    'componentDidUpdate',
-                    'componentDidCatch',
-                    'componentWillUnmount',
-                ],
-                rendering: ['/^render.+$/', 'render'],
-            },
-        },
-    ],
-    // Prevent missing parentheses around multilines JSX
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/843d71a432baf0f01f598d7cf1eea75ad6896e4b/docs/rules/jsx-wrap-multilines.md
-    'react/jsx-wrap-multilines': [
-        'error',
-        {
-            declaration: 'parens-new-line',
-            assignment: 'parens-new-line',
-            return: 'parens-new-line',
-            arrow: 'parens-new-line',
-            condition: 'parens-new-line',
-            logical: 'parens-new-line',
-            prop: 'parens-new-line',
-        },
-    ],
-    // Require that the first prop in a JSX element be on a new line when the element is multiline
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-first-prop-new-line.md
-    'react/jsx-first-prop-new-line': ['error', 'multiline-multiprop'],
-    // Enforce spacing around jsx equals signs
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-equals-spacing.md
-    'react/jsx-equals-spacing': ['error', 'never'],
-    // Enforce JSX indentation
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-indent.md
-    'react/jsx-indent': ['error', 2],
-    // Disallow target="_blank" on links
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/ac102885765be5ff37847a871f239c6703e1c7cc/docs/rules/jsx-no-target-blank.md
-    'react/jsx-no-target-blank': ['error', { enforceDynamicLinks: 'always' }],
-    // only .jsx files may have JSX
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-filename-extension.md
-    'react/jsx-filename-extension': ['error', { extensions: ['.jsx'] }],
-    // Require style prop value be an object or var
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/style-prop-object.md
-    'react/style-prop-object': 'error',
-    // Validate whitespace in and around the JSX opening and closing brackets
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/843d71a432baf0f01f598d7cf1eea75ad6896e4b/docs/rules/jsx-tag-spacing.md
-    'react/jsx-tag-spacing': [
-        'error',
-        {
-            closingSlash: 'never',
-            beforeSelfClosing: 'always',
-            afterOpening: 'never',
-            beforeClosing: 'never',
-        },
-    ],
-    // Enforce a defaultProps definition for every prop that is not a required prop
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/843d71a432baf0f01f598d7cf1eea75ad6896e4b/docs/rules/require-default-props.md
-    'react/require-default-props': [
-        'error',
-        {
-            forbidDefaultForRequired: true,
-        },
-    ],
-    // Prevent void DOM elements from receiving children
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/void-dom-elements-no-children.md
-    'react/void-dom-elements-no-children': 'error',
-    // Prevent usage of shouldComponentUpdate when extending React.PureComponent
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/9e13ae2c51e44872b45cc15bf1ac3a72105bdd0e/docs/rules/no-redundant-should-component-update.md
-    'react/no-redundant-should-component-update': 'error',
-    // Prevent unused state values
-    // https://github.com/jsx-eslint/eslint-plugin-react/pull/1103/
-    'react/no-unused-state': 'error',
-    // Prevents common casing typos
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/73abadb697034b5ccb514d79fb4689836fe61f91/docs/rules/no-typos.md
-    'react/no-typos': 'error',
-    // Enforce curly braces or disallow unnecessary curly braces in JSX props and/or children
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-curly-brace-presence.md
-    'react/jsx-curly-brace-presence': ['error', { props: 'never', children: 'never' }],
-    // One JSX Element Per Line
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/843d71a432baf0f01f598d7cf1eea75ad6896e4b/docs/rules/jsx-one-expression-per-line.md
-    'react/jsx-one-expression-per-line': ['error', { allow: 'single-child' }],
-    // Prevent using this.state within a this.setState
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/843d71a432baf0f01f598d7cf1eea75ad6896e4b/docs/rules/no-access-state-in-setstate.md
-    'react/no-access-state-in-setstate': 'error',
-    // Prevent usage of button elements without an explicit type attribute
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/843d71a432baf0f01f598d7cf1eea75ad6896e4b/docs/rules/button-has-type.md
-    'react/button-has-type': [
-        'error',
-        {
-            button: true,
-            submit: true,
-            reset: false,
-        },
-    ],
-    // Prevent this from being used in stateless functional components
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/843d71a432baf0f01f598d7cf1eea75ad6896e4b/docs/rules/no-this-in-sfc.md
-    'react/no-this-in-sfc': 'error',
-    // Disallow multiple spaces between inline JSX props
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/ac102885765be5ff37847a871f239c6703e1c7cc/docs/rules/jsx-props-no-multi-spaces.md
-    'react/jsx-props-no-multi-spaces': 'error',
-    // Enforce shorthand or standard form for React fragments
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/bc976b837abeab1dffd90ac6168b746a83fc83cc/docs/rules/jsx-fragments.md
-    'react/jsx-fragments': ['error', 'syntax'],
-    // Enforce linebreaks in curly braces in JSX attributes and expressions.
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-curly-newline.md
-    'react/jsx-curly-newline': [
-        'error',
-        {
-            multiline: 'consistent',
-            singleline: 'consistent',
-        },
-    ],
-    // Disallow JSX props spreading
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-props-no-spreading.md
-    'react/jsx-props-no-spreading': [
-        'error',
-        {
-            html: 'enforce',
-            custom: 'enforce',
-            explicitSpread: 'ignore',
-            exceptions: [],
-        },
-    ],
-    // Prevent usage of `javascript:` URLs
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-script-url.md
-    'react/jsx-no-script-url': [
-        'error',
-        [
-            {
-                name: 'Link',
-                props: ['to'],
-            },
-        ],
-    ],
-    // Disallow unnecessary fragments
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-useless-fragment.md
-    'react/jsx-no-useless-fragment': 'error',
-    // Prevent react contexts from taking non-stable values
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/e2eaadae316f9506d163812a09424eb42698470a/docs/rules/jsx-no-constructed-context-values.md
-    'react/jsx-no-constructed-context-values': 'error',
-    // Prevent creating unstable components inside components
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/c2a790a3472eea0f6de984bdc3ee2a62197417fb/docs/rules/no-unstable-nested-components.md
-    'react/no-unstable-nested-components': 'error',
-    // Enforce that namespaces are not used in React elements
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/8785c169c25b09b33c95655bf508cf46263bc53f/docs/rules/no-namespace.md
-    'react/no-namespace': 'error',
-    // Prefer exact proptype definitions
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/8785c169c25b09b33c95655bf508cf46263bc53f/docs/rules/prefer-exact-props.md
-    'react/prefer-exact-props': 'error',
-    // Lifecycle methods should be methods on the prototype, not class fields
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/21e01b61af7a38fc86d94f27eb66cda8054582ed/docs/rules/no-arrow-function-lifecycle.md
-    'react/no-arrow-function-lifecycle': 'error',
-    // Prevent usage of invalid attributes
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/21e01b61af7a38fc86d94f27eb66cda8054582ed/docs/rules/no-invalid-html-attribute.md
-    'react/no-invalid-html-attribute': 'error',
-    // Prevent declaring unused methods of component class
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/21e01b61af7a38fc86d94f27eb66cda8054582ed/docs/rules/no-unused-class-component-methods.md
-    'react/no-unused-class-component-methods': 'error',
-    // Ensure destructuring and symmetric naming of useState hook value and setter variables
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/c8833f301314dab3e79ef7ac4cf863e4d5fa0019/docs/rules/hook-use-state.md
-    'react/hook-use-state': 'error',
-    // Enforce sandbox attribute on iframe elements
-    // https://github.com/jsx-eslint/eslint-plugin-react/blob/c8833f301314dab3e79ef7ac4cf863e4d5fa0019/docs/rules/iframe-missing-sandbox.md
-    'react/iframe-missing-sandbox': 'error',
-    /**
-     * react-a11y
-     * copied from
-     * https://github.com/airbnb/javascript/blob/c25bce83be4db06e6a221d79686c485cd2ed5d5d/packages/eslint-config-airbnb/rules/react-a11y.js
-     * */
-    // Enforce that all elements that require alternative text have meaningful information
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/alt-text.md
-    'jsx-a11y/alt-text': [
-        'error',
-        {
-            elements: ['img', 'object', 'area', 'input[type="image"]'],
-            img: [],
-            object: [],
-            area: [],
-            'input[type="image"]': [],
-        },
-    ],
-    // Enforce that anchors have content
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/anchor-has-content.md
-    'jsx-a11y/anchor-has-content': ['error', { components: [] }],
-    // ensure <a> tags are valid
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/0745af376cdc8686d85a361ce36952b1fb1ccf6e/docs/rules/anchor-is-valid.md
-    'jsx-a11y/anchor-is-valid': [
-        'error',
-        {
-            components: ['Link'],
-            specialLink: ['to'],
-            aspects: ['noHref', 'invalidHref', 'preferButton'],
-        },
-    ],
-    // elements with aria-activedescendant must be tabbable
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/aria-activedescendant-has-tabindex.md
-    'jsx-a11y/aria-activedescendant-has-tabindex': 'error',
-    // Enforce all aria-* props are valid.
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/aria-props.md
-    'jsx-a11y/aria-props': 'error',
-    // Enforce ARIA state and property values are valid.
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/aria-proptypes.md
-    'jsx-a11y/aria-proptypes': 'error',
-    // Require ARIA roles to be valid and non-abstract
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/aria-role.md
-    'jsx-a11y/aria-role': ['error', { ignoreNonDOM: false }],
-    // Enforce that elements that do not support ARIA roles, states, and
-    // properties do not have those attributes.
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/aria-unsupported-elements.md
-    'jsx-a11y/aria-unsupported-elements': 'error',
-    // require onClick be accompanied by onKeyUp/onKeyDown/onKeyPress
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/click-events-have-key-events.md
-    'jsx-a11y/click-events-have-key-events': 'error',
-    // ensure <hX> tags have content and are not aria-hidden
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/heading-has-content.md
-    'jsx-a11y/heading-has-content': ['error', { components: [''] }],
-    // require HTML elements to have a "lang" prop
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/html-has-lang.md
-    'jsx-a11y/html-has-lang': 'error',
-    // ensure iframe elements have a unique title
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/iframe-has-title.md
-    'jsx-a11y/iframe-has-title': 'error',
-    // Prevent img alt text from containing redundant words like "image", "picture", or "photo"
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/img-redundant-alt.md
-    'jsx-a11y/img-redundant-alt': 'error',
-    // Elements with an interactive role and interaction handlers must be focusable
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/interactive-supports-focus.md
-    'jsx-a11y/interactive-supports-focus': 'error',
-    // Enforce that a label tag has a text label and an associated control.
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/b800f40a2a69ad48015ae9226fbe879f946757ed/docs/rules/label-has-associated-control.md
-    'jsx-a11y/label-has-associated-control': [
-        'error',
-        {
-            labelComponents: [],
-            labelAttributes: [],
-            controlComponents: [],
-            assert: 'both',
-            depth: 25,
-        },
-    ],
-    // require HTML element's lang prop to be valid
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/lang.md
-    'jsx-a11y/lang': 'error',
-    // media elements must have captions
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/media-has-caption.md
-    'jsx-a11y/media-has-caption': [
-        'error',
-        {
-            audio: [],
-            video: [],
-            track: [],
-        },
-    ],
-    // require that mouseover/out come with focus/blur, for keyboard-only users
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/mouse-events-have-key-events.md
-    'jsx-a11y/mouse-events-have-key-events': 'error',
-    // Prevent use of `accessKey`
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-access-key.md
-    'jsx-a11y/no-access-key': 'error',
-    // prevent distracting elements, like <marquee> and <blink>
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-distracting-elements.md
-    'jsx-a11y/no-distracting-elements': [
-        'error',
-        {
-            elements: ['marquee', 'blink'],
-        },
-    ],
-    // WAI-ARIA roles should not be used to convert an interactive element to non-interactive
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-interactive-element-to-noninteractive-role.md
-    'jsx-a11y/no-interactive-element-to-noninteractive-role': [
-        'error',
-        {
-            tr: ['none', 'presentation'],
-        },
-    ],
-    // A non-interactive element does not support event handlers (mouse and key handlers)
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-noninteractive-element-interactions.md
-    'jsx-a11y/no-noninteractive-element-interactions': [
-        'error',
-        {
-            handlers: ['onClick', 'onMouseDown', 'onMouseUp', 'onKeyPress', 'onKeyDown', 'onKeyUp'],
-        },
-    ],
-    // WAI-ARIA roles should not be used to convert a non-interactive element to interactive
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-noninteractive-element-to-interactive-role.md
-    'jsx-a11y/no-noninteractive-element-to-interactive-role': [
-        'error',
-        {
-            ul: ['listbox', 'menu', 'menubar', 'radiogroup', 'tablist', 'tree', 'treegrid'],
-            ol: ['listbox', 'menu', 'menubar', 'radiogroup', 'tablist', 'tree', 'treegrid'],
-            li: ['menuitem', 'option', 'row', 'tab', 'treeitem'],
-            table: ['grid'],
-            td: ['gridcell'],
-        },
-    ],
-    // Tab key navigation should be limited to elements on the page that can be interacted with.
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-noninteractive-tabindex.md
-    'jsx-a11y/no-noninteractive-tabindex': [
-        'error',
-        {
-            tags: [],
-            roles: ['tabpanel'],
-            allowExpressionValues: true,
-        },
-    ],
-    // ensure HTML elements do not specify redundant ARIA roles
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-redundant-roles.md
-    'jsx-a11y/no-redundant-roles': [
-        'error',
-        {
-            nav: ['navigation'],
-        },
-    ],
-    // Enforce that DOM elements without semantic behavior not have interaction handlers
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md
-    'jsx-a11y/no-static-element-interactions': [
-        'error',
-        {
-            handlers: ['onClick', 'onMouseDown', 'onMouseUp', 'onKeyPress', 'onKeyDown', 'onKeyUp'],
-        },
-    ],
-    // Enforce that elements with ARIA roles must have all required attributes
-    // for that role.
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/role-has-required-aria-props.md
-    'jsx-a11y/role-has-required-aria-props': 'error',
-    // Enforce that elements with explicit or implicit roles defined contain
-    // only aria-* properties supported by that role.
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/role-supports-aria-props.md
-    'jsx-a11y/role-supports-aria-props': 'error',
-    // only allow <th> to have the "scope" attr
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/scope.md
-    'jsx-a11y/scope': 'error',
-    // Enforce tabIndex value is not greater than zero.
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/tabindex-no-positive.md
-    'jsx-a11y/tabindex-no-positive': 'error',
-    // ----------------------------------------------------
-    // Rules that no longer exist in eslint-plugin-jsx-a11y
-    // ----------------------------------------------------
-    // Ensures anchor text is not ambiguous
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/93f78856655696a55309440593e0948c6fb96134/docs/rules/anchor-ambiguous-text.md
-    'jsx-a11y/anchor-ambiguous-text': 'error',
-    // Enforce that aria-hidden="true" is not set on focusable elements.
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/93f78856655696a55309440593e0948c6fb96134/docs/rules/no-aria-hidden-on-focusable.md
-    'jsx-a11y/no-aria-hidden-on-focusable': 'error',
-    // Enforces using semantic DOM elements over the ARIA role property.
-    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/93f78856655696a55309440593e0948c6fb96134/docs/rules/prefer-tag-over-role.md
-    'jsx-a11y/prefer-tag-over-role': 'error',
-};
-export default rules;