@prowise/eslint-config-linting-rules 2.4.7 → 3.0.1

package/rules/plugin-react-rules.js

@@ -1,753 +1,237 @@
-import reactPlugin from "eslint-plugin-react";
-import reactHooks from "eslint-plugin-react-hooks";
+import reactPlugin from "@eslint-react/eslint-plugin";
 
 export default {
     /*
      * ✅ recommended
+     * 🔒 strict
      * 🔧 fixable
      * 💡 has suggestion
+     * 💭 requires type information
      */
 
-    plugins: {
-        "react": reactPlugin,
-        "react-hooks": reactHooks,
-    },
+    plugins: { react: reactPlugin },
 
     rules: {
         /**
-         * Enforces consistent naming for boolean props
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/boolean-prop-naming.md.
-         */
-        // "react/boolean-prop-naming": [
-        //     "off",
-        //     {
-        //         propTypeNames: ["bool", "mutuallyExclusiveTrueProps"],
-        //         rule: "^(is|has)[A-Z]([A-Za-z0-9]?)+",
-        //         message: "",
-        //     },
-        // ],
-
-        /**
-         * Disallow usage of button elements without an explicit type attribute
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/button-has-type.md.
-         */
-        "react/button-has-type": ["error", { button: true, submit: true, reset: false }],
-
-        /**
-         * nforce using onChange or readonly attribute when checked is used.
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/checked-requires-onchange-or-readonly.md.
-         */
-        // "react/checked-requires-onchange-or-readonly": "off",
-
-        /**
-         * Enforce all defaultProps have a corresponding non-required PropType
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/default-props-match-prop-types.md.
-         */
-        "react/default-props-match-prop-types": ["error", { allowRequiredDefaults: false }],
-
-        /**
-         * Enforce consistent usage of destructuring assignment of props, state, and context 🔧
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/destructuring-assignment.md.
-         */
-        "react/destructuring-assignment": ["error", "always"],
-
-        /**
-         * Disallow 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 }],
-
-        /**
-         * Forbid certain props on Components
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/forbid-component-props.md.
-         */
-        // "react/forbid-component-props": ["off", { forbid: [] }],
-
-        /**
-         * Disallow certain props on DOM Nodes
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/forbid-dom-props.md.
-         */
-        // "react/forbid-dom-props": ["off", { forbid: [] }],
-
-        /**
-         * Disallow certain elements
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/forbid-elements.md.
-         */
-        // "react/forbid-elements": ["off", { forbid: [] }],
-
-        /**
-         * Disallow using another component"s propTypes
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/forbid-foreign-prop-types.md
-         * this is intentionally set to "warn". It would be "error",
-         * but it"s only critical if you"re stripping propTypes in production.
-         */
-        "react/forbid-foreign-prop-types": ["warn", { allowInPropTypes: true }],
-
-        /**
-         * Disallow certain propTypes
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/react/forbid-prop-types.md.
-         */
-        "react/forbid-prop-types": [
-            "error",
-            {
-                forbid: ["any", "array", "object"],
-                checkContextTypes: true,
-                checkChildContextTypes: true,
-            },
-        ],
-
-        /**
-         * Require all forwardRef components include a ref parameter
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/react/forward-ref-uses-ref.md.
-         */
-        // "react/forward-ref-uses-ref": "off",
-
-        /**
-         * Enforce a specific function type for function components 🔧
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/function-component-definition.md.
-         */
-        "react/function-component-definition": [
-            "error",
-            {
-                namedComponents: ["function-declaration", "function-expression", "arrow-function"],
-                unnamedComponents: "function-expression",
-            },
-        ],
-
-        /**
-         * Ensure destructuring and symmetric naming of useState hook value and setter variables 💡
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/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/master/docs/rules/iframe-missing-sandbox.md.
+         * Verifies the list of dependencies for Hooks like 'useEffect' and similar. ✅ 🔧
+         * https://eslint-react.xyz/docs/rules/exhaustive-deps
          */
-        // "react/iframe-missing-sandbox": "off",
+        "react/exhaustive-deps": "warn",
 
         /**
-         * Disallow when this.state is accessed within setState
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-access-state-in-setstate.md.
+         * Disallows accessing 'this.state' inside 'setState' calls.
+         * https://eslint-react.xyz/docs/rules/no-access-state-in-setstate
          */
         "react/no-access-state-in-setstate": "error",
 
         /**
-         * Disallow adjacent inline elements not separated by whitespace.
-         * Https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-adjacent-inline-elements.md.
-         */
-        "react/no-adjacent-inline-elements": "error",
-
-        /**
-         * Disallow usage of Array index in keys
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-array-index-key.md.
+         * Disallows using an item's index in the array as its key.
+         * https://eslint-react.xyz/docs/rules/no-array-index-key
          */
         "react/no-array-index-key": "error",
 
         /**
-         * Lifecycle methods should be methods on the prototype, not class fields 🔧
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-arrow-function-lifecycle.md.
+         * Replaces usage of 'componentWillMount' with 'UNSAFE_componentWillMount'. 🔧
+         * https://eslint-react.xyz/docs/rules/no-component-will-mount
          */
-        "react/no-arrow-function-lifecycle": "error",
+        "react/no-component-will-mount": "error",
 
         /**
-         * Disallow passing of children as props ✅
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-children-prop.md.
+         * Replaces usage of 'componentWillReceiveProps' with 'UNSAFE_componentWillReceiveProps'. 🔧
+         * https://eslint-react.xyz/docs/rules/no-component-will-receive-props
          */
-        "react/no-children-prop": "error",
+        "react/no-component-will-receive-props": "error",
 
         /**
-         * Disallow usage of dangerous JSX properties
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-danger.md.
+         * Replaces usage of 'componentWillUpdate' with 'UNSAFE_componentWillUpdate'. 🔧
+         * https://eslint-react.xyz/docs/rules/no-component-will-update
          */
-        "react/no-danger": "warn",
+        "react/no-component-will-update": "error",
 
         /**
-         * Disallow when a DOM element is using both children and dangerouslySetInnerHTML ✅
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-danger-with-children.md.
+         * Disallows 'createRef' in function components and Hooks.
+         * https://eslint-react.xyz/docs/rules/no-create-ref
          */
-        "react/no-danger-with-children": "error",
+        "react/no-create-ref": "error",
 
         /**
-         * Disallow usage of deprecated methods ✅
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-deprecated.md.
+         * Disallows direct mutation of 'this.state'.
+         * https://eslint-react.xyz/docs/rules/no-direct-mutation-state
          */
-        "react/no-deprecated": "error",
+        "react/no-direct-mutation-state": "error",
 
         /**
-         * Disallow usage of setState in componentDidMount
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-did-mount-set-state.md.
+         * Replaces usage of 'forwardRef' with passing 'ref' as a prop. 🔧
+         * https://eslint-react.xyz/docs/rules/no-forward-ref
          */
-        // "react/no-did-mount-set-state": "off",
+        "react/no-forward-ref": "error",
 
         /**
-         * Disallow usage of setState in componentDidUpdate
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-did-update-set-state.md.
+         * Disallows missing 'key' on items in list rendering.
+         * https://eslint-react.xyz/docs/rules/no-missing-key
          */
-        "react/no-did-update-set-state": "error",
+        "react/no-missing-key": "error",
 
         /**
-         * Disallow direct mutation of this.state ✅
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-direct-mutation-state.md.
+         * Disallows nesting component definitions inside other components.
+         * https://eslint-react.xyz/docs/rules/no-nested-component-definitions
          */
-        // "react/no-direct-mutation-state": "off",
+        "react/no-nested-component-definitions": "error",
 
         /**
-         * Disallow usage of findDOMNode no-find-dom-node ✅
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-find-dom-node.md.
+         * Disallows calling 'this.setState' in 'componentWillUpdate' outside functions such as callbacks.
+         * https://eslint-react.xyz/docs/rules/no-set-state-in-component-will-update
          */
-        "react/no-find-dom-node": "error",
+        "react/no-set-state-in-component-will-update": "error",
 
         /**
-         * Disallow usage of invalid attributes
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-invalid-html-attribute.md.
+         * Warns about the use of 'UNSAFE_componentWillMount' in class components.
+         * https://eslint-react.xyz/docs/rules/no-unsafe-component-will-mount
          */
-        "react/no-invalid-html-attribute": "error",
+        "react/no-unsafe-component-will-mount": "error",
 
         /**
-         * Disallow usage of isMounted ✅
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-is-mounted.md.
+         * Warns about the use of 'UNSAFE_componentWillReceiveProps' in class components.
+         * https://eslint-react.xyz/docs/rules/no-unsafe-component-will-receive-props
          */
-        "react/no-is-mounted": "error",
+        "react/no-unsafe-component-will-receive-props": "error",
 
         /**
-         * Disallow multiple component definition per file
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-multi-comp.md.
+         * Warns about the use of 'UNSAFE_componentWillUpdate' in class components.
+         * https://eslint-react.xyz/docs/rules/no-unsafe-component-will-update
          */
-        // "react/no-multi-comp": "off",
+        "react/no-unsafe-component-will-update": "error",
 
         /**
-         * Enforce that namespaces are not used in React elements
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-namespace.md.
+         * Prevents non-stable values (i.e., object literals) from being used as a value for 'Context.Provider'.
+         * https://eslint-react.xyz/docs/rules/no-unstable-context-value
          */
-        "react/no-namespace": "error",
+        "react/no-unstable-context-value": "error",
 
         /**
-         * Disallow usage of referential-type variables as default param in functional component
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-object-type-as-default-prop.md.
+         * Warns about unused class component methods and properties.
+         * https://eslint-react.xyz/docs/rules/no-unused-class-component-members
          */
-        // "react/no-object-type-as-default-prop": "off",
+        "react/no-unused-class-component-members": "error",
 
         /**
-         * Disallow usage of shouldComponentUpdate when extending React.PureComponent
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-redundant-should-component-update.md.
-         */
-        "react/no-redundant-should-component-update": "error",
-
-        /**
-         * Disallow usage of the return value of ReactDOM.render ✅
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-render-return-value.md.
-         */
-        "react/no-render-return-value": "error",
-
-        /**
-         * Disallow usage of setState
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-set-state.md.
-         */
-        // "react/no-set-state": "off",
-
-        /**
-         * Disallow using string references ✅
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-string-refs.md.
-         */
-        "react/no-string-refs": "error",
-
-        /**
-         * Disallow this from being used in stateless functional components
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-this-in-sfc.md.
-         */
-        "react/no-this-in-sfc": "error",
-
-        /**
-         * Disallow common typos
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-typos.md.
-         */
-        "react/no-typos": "error",
-
-        /**
-         * Disallow unescaped HTML entities from appearing in markup ✅
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unescaped-entities.md.
-         */
-        "react/no-unescaped-entities": "error",
-
-        /**
-         * Disallow usage of unknown DOM property ✅ 🔧
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unknown-property.md.
-         */
-        "react/no-unknown-property": "error",
-
-        /**
-         * Disallow usage of unsafe lifecycle methods
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unsafe.md.
-         */
-        // "react/no-unsafe": "off",
-
-        /**
-         * Disallow creating unstable components inside components
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unstable-nested-components.md.
-         */
-        "react/no-unstable-nested-components": ["error", { allowAsProps: true }],
-
-        /**
-         * Disallow declaring unused methods of component class
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unused-class-component-methods.md.
-         */
-        "react/no-unused-class-component-methods": "error",
-
-        /**
-         * Disallow definitions of unused propTypes
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unused-prop-types.md.
-         */
-        "react/no-unused-prop-types": ["error", { customValidators: [], skipShapeProps: true }],
-
-        /**
-         * Disallow definitions of unused state
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unused-state.md.
+         * Warns about state variables that are defined but never used.
+         * https://eslint-react.xyz/docs/rules/no-unused-state
          */
         "react/no-unused-state": "error",
 
         /**
-         * Disallow 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",
-
-        /**
-         * Enforce ES5 or ES6 class for React Components
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/prefer-es6-class.md.
-         */
-        "react/prefer-es6-class": ["error", "always"],
-
-        /**
-         * Prefer exact proptype definitions
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/prefer-exact-props.md.
-         */
-        "react/prefer-exact-props": "error",
-
-        /**
-         * Enforce that props are read-only 🔧
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/prefer-read-only-props.md.
-         */
-        // "react/prefer-read-only-props": "off",
-
-        /**
-         * Enforce stateless components to be written as a pure function
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/prefer-stateless-function.md.
-         */
-        "react/prefer-stateless-function": ["error", { ignorePureComponents: true }],
-
-        /**
-         * Disallow missing props validation in a React component definition ✅
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/prop-types.md.
-         */
-        "react/prop-types": [
-            "error",
-            {
-                ignore: [],
-                customValidators: [],
-                skipUndeclared: false,
-            },
-        ],
-
-        /**
-         * Disallow missing React when using JSX ✅
-         * Off: React is defined as a global variable and doesn't need to be in scope
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/react-in-jsx-scope.md.
-         */
-        // "react/react-in-jsx-scope": "off",
-
-        /**
-         * Enforce a defaultProps definition for every prop that is not a required prop
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/require-default-props.md.
-         * Turned off: a bit of overkill.
-         */
-        // "react/require-default-props": ["off", { forbidDefaultForRequired: true }],
-
-        /**
-         * Enforce React components to have a shouldComponentUpdate method
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/require-optimization.md.
-         */
-        // "react/require-optimization": ["off", { allowDecorators: [] }],
-
-        /**
-         * Enforce ES5 or ES6 class for returning value in render function ✅
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/require-render-return.md.
-         */
-        "react/require-render-return": "error",
-
-        /**
-         * Disallow 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/master/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"],
-                },
-            },
-        ],
-
-        /**
-         * Enforce propTypes declarations alphabetical sorting
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/sort-prop-types.md.
-         */
-        // "react/sort-prop-types": [
-        //     "off",
-        //     {
-        //         ignoreCase: true,
-        //         callbacksLast: false,
-        //         requiredFirst: false,
-        //         sortShapeProp: true,
-        //     },
-        // ],
-
-        /**
-         * Enforce class component state initialization style
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/state-in-constructor.md.
-         */
-        "react/state-in-constructor": ["error", "always"],
-
-        /**
-         * Enforces where React component static properties should be positioned.
-         * Https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/static-property-placement.md.
-         */
-        "react/static-property-placement": ["error", "property assignment"],
-
-        /**
-         * Enforce style prop value is an object
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/style-prop-object.md.
-         */
-        "react/style-prop-object": "error",
-
-        /**
-         * Disallow void DOM elements (e.g. <img />, <br />) 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",
-
-        /**
-         * 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: [] }],
-
-        /**
-         * Enforce or disallow spaces inside of curly braces in JSX attributes and expressions
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-child-element-spacing.md.
-         */
-        // "react/jsx-child-element-spacing": "off",
-
-        /**
-         * Enforce 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"],
-
-        /**
-         * Enforce closing tag location for multiline JSX 🔧
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-closing-tag-location.md.
+         * Enforces the Rules of Hooks. ✅
+         * https://eslint-react.xyz/docs/rules/rules-of-hooks
          */
-        "react/jsx-closing-tag-location": "error",
+        "react/rules-of-hooks": "error",
 
         /**
-         * Disallow unnecessary JSX expressions when literals alone are sufficient or enforce JSX expressions
-         * on literals in JSX children or attributes 🔧
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-curly-brace-presence.md.
+         * Enforces correct usage of 'useState', including destructuring, symmetric naming of the value and setter, and
+         * https://eslint-react.xyz/docs/rules/use-state
          */
-        "react/jsx-curly-brace-presence": ["error", { props: "never", children: "never" }],
+        "react/use-state": "error",
 
         /**
-         * Enforce consistent 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.
+         * Disallows passing 'children' as a prop. 🔧
+         * https://eslint-react.xyz/docs/rules/jsx-no-children-prop
          */
-        // "react/jsx-curly-newline": ["off", { multiline: "consistent", singleline: "consistent" }],
+        "react/jsx-no-children-prop": "error",
 
         /**
-         * Enforce or disallow spaces inside of curly braces in JSX attributes and expressions
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-curly-spacing.md.
+         * Disallows passing 'children' as a prop when children are also passed as nested content. 🔧
+         * https://eslint-react.xyz/docs/rules/jsx-no-children-prop-with-children
          */
-        "react/jsx-curly-spacing": ["error", "never", { allowMultiline: true }],
+        "react/jsx-no-children-prop-with-children": "error",
 
         /**
-         * Enforce or disallow spaces around equal signs in JSX attributes
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-equals-spacing.md.
-         */
-        "react/jsx-equals-spacing": ["error", "never"],
-
-        /**
-         * Disallow file extensions that may contain JSX
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-filename-extension.md.
-         */
-        "react/jsx-filename-extension": ["error", { extensions: [".jsx", ".tsx"] }],
-
-        /**
-         * Enforce proper position of the first property in JSX
-         * 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 shorthand or standard form for React fragments
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-fragments.md.
-         */
-        "react/jsx-fragments": ["error", "syntax"],
-
-        /**
-         * Enforce event handler naming conventions in JSX
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-handler-names.md.
-         */
-        // "react/jsx-handler-names": ["off", { eventHandlerPrefix: "handle", eventHandlerPropPrefix: "on" }],
-
-        /**
-         * Enforce JSX indentation 🔧
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-indent.md.
-         */
-        "react/jsx-indent": "error",
-
-        /**
-         * Enforce 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", 4],
-
-        /**
-         * Disallow missing key props in iterators/collection literals ✅
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-key.md.
-         */
-        // "react/jsx-key": "off",
-
-        /**
-         * Enforce JSX maximum depth
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-max-depth.md.
-         */
-        // "react/jsx-max-depth": "off",
-
-        /**
-         * Enforce 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" }],
-
-        /**
-         * Require or prevent a new line after jsx elements and expressions. 🔧
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-newline.md.
-         */
-        // "react/jsx-newline": "off",
-
-        /**
-         * Disallow .bind() or arrow functions 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,
-            },
-        ],
-
-        /**
-         * Disallow comments from being inserted as text nodes ✅
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-comment-textnodes.md.
+         * Prevents comment strings from being accidentally inserted into a JSX element's text nodes.
+         * https://eslint-react.xyz/docs/rules/jsx-no-comment-textnodes
          */
         "react/jsx-no-comment-textnodes": "error",
 
         /**
-         * Disallows JSX context provider values from taking values that will cause needless rerenders
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-constructed-context-values.md.
-         */
-        "react/jsx-no-constructed-context-values": "error",
-
-        /**
-         * Disallow duplicate properties in JSX ✅
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-duplicate-props.md.
-         */
-        "react/jsx-no-duplicate-props": ["error", { ignoreCase: true }],
-
-        /**
-         * Disallow problematic leaked values from being rendered 🔧
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-leaked-render.md.
-         */
-        "react/jsx-no-leaked-render": ["warn", { validStrategies: ["coerce", "ternary"] }],
-
-        /**
-         * Disallow usage of string literals in JSX
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-literals.md.
-         */
-        // "react/jsx-no-literals": ["off", { noStrings: true }],
-
-        /**
-         * Disallow usage of javascript: URLs 🔧
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-script-url.md.
+         * Disallow JSX namespace syntax, as React does not support them.
+         * https://eslint-react.xyz/docs/rules/jsx-no-namespace
          */
-        "react/jsx-no-script-url": ["error", [{ name: "Link", props: ["to"] }]],
+        "react/jsx-no-namespace": "error",
 
         /**
-         * Disallow target="_blank" attribute without rel="noreferrer" ✅ 🔧
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-target-blank.md.
+         * Disallows useless fragment elements. 🔧
+         * https://eslint-react.xyz/docs/rules/jsx-no-useless-fragment
          */
-        "react/jsx-no-target-blank": ["error", { enforceDynamicLinks: "always" }],
+        "react/jsx-no-useless-fragment": "error",
 
         /**
-         * Disallow undeclared variables in JSX ✅
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-undef.md.
+         * Disallows DOM elements from using 'dangerouslySetInnerHTML'.
+         * https://eslint-react.xyz/docs/rules/dom-no-dangerously-set-innerhtml
          */
-        "react/jsx-no-undef": "error",
+        "react/dom-no-dangerously-set-innerhtml": "warn",
 
         /**
-         * Disallow unnecessary fragments 🔧
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-useless-fragment.md.
+         * Disallows DOM elements from using 'dangerouslySetInnerHTML' and 'children' at the same time.
+         * https://eslint-react.xyz/docs/rules/dom-no-dangerously-set-innerhtml-with-children
          */
-        "react/jsx-no-useless-fragment": ["error", { allowExpressions: true }],
+        "react/dom-no-dangerously-set-innerhtml-with-children": "error",
 
         /**
-         * Require one JSX element per line 🔧
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-one-expression-per-line.md.
+         * Disallows 'findDOMNode'.
+         * https://eslint-react.xyz/docs/rules/dom-no-find-dom-node
          */
-        // "react/jsx-one-expression-per-line": "off",
+        "react/dom-no-find-dom-node": "error",
 
         /**
-         * Enforce PascalCase for user-defined JSX components
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-pascal-case.md.
+         * Replaces usage of 'ReactDOM.hydrate()' with 'hydrateRoot()'. 🔧
+         * https://eslint-react.xyz/docs/rules/dom-no-hydrate
          */
-        // "react/jsx-pascal-case": ["error", { allowAllCaps: true, allowNamespace: true, ignore: [] }],
+        "react/dom-no-hydrate": "error",
 
         /**
-         * Disallow multiple spaces between inline JSX props 🔧
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-props-no-multi-spaces.md.
+         * Enforces an explicit 'type' attribute for 'button' elements.
+         * https://eslint-react.xyz/docs/rules/dom-no-missing-button-type
          */
-        "react/jsx-props-no-multi-spaces": "error",
+        "react/dom-no-missing-button-type": ["error"],
 
         /**
-         * Disallow JSX prop spreading
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-props-no-spreading.md.
+         * Replaces usage of 'ReactDOM.render()' with 'createRoot(node).render()'. 🔧
+         * https://eslint-react.xyz/docs/rules/dom-no-render
          */
-        "react/jsx-props-no-spreading": [
-            "error",
-            {
-                html: "enforce",
-                custom: "ignore",
-                explicitSpread: "ignore",
-                exceptions: [],
-            },
-        ],
+        "react/dom-no-render": "error",
 
         /**
-         * Enforce all defaultProps have a corresponding non-required PropType
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/default-props-match-prop-types.md.
+         * Disallows the return value of 'ReactDOM.render'.
+         * https://eslint-react.xyz/docs/rules/dom-no-render-return-value
          */
-        // "react/jsx-sort-default-props": ["off", { ignoreCase: true }],
+        "react/dom-no-render-return-value": "error",
 
         /**
-         * Enforce props alphabetical sorting
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-sort-props.md.
+         * Disallows 'javascript:' URLs as attribute values.
+         * https://eslint-react.xyz/docs/rules/dom-no-script-url
          */
-        // "react/jsx-sort-props": [
-        //     "off",
-        //     {
-        //         ignoreCase: true,
-        //         callbacksLast: false,
-        //         shorthandFirst: false,
-        //         shorthandLast: false,
-        //         noSortAlphabetically: false,
-        //         reservedFirst: true,
-        //     },
-        // ],
+        "react/dom-no-script-url": "error",
 
         /**
-         * Enforce whitespace in and around the JSX opening and closing brackets 🔧
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-tag-spacing.md.
+         * Disallows the use of string style prop in JSX. Use an object instead.
+         * https://eslint-react.xyz/docs/rules/dom-no-string-style-prop
          */
-        "react/jsx-tag-spacing": [
-            "error",
-            {
-                closingSlash: "never",
-                beforeSelfClosing: "always",
-                afterOpening: "never",
-                beforeClosing: "never",
-            },
-        ],
+        "react/dom-no-string-style-prop": "error",
 
         /**
-         * Disallow React to be incorrectly marked as unused ✅
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-uses-react.md.
+         * Disallows unknown 'DOM' properties. 🔧
+         * https://eslint-react.xyz/docs/rules/dom-no-unknown-property
          */
-        "react/jsx-uses-react": "error",
+        "react/dom-no-unknown-property": "error",
 
         /**
-         * Disallow variables used in JSX to be incorrectly marked as unused ✅
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-uses-vars.md.
+         * Disallows 'target="_blank"' without 'rel="noreferrer noopener"'. 🔧
+         * https://eslint-react.xyz/docs/rules/dom-no-unsafe-target-blank
          */
-        "react/jsx-uses-vars": "error",
+        "react/dom-no-unsafe-target-blank": "error",
 
         /**
-         * Disallow missing parentheses around multiline JSX 🔧
-         * https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-wrap-multilines.md.
+         * Disallows 'children' in void DOM elements.
+         * https://eslint-react.xyz/docs/rules/dom-no-void-elements-with-children
          */
-        "react/jsx-wrap-multilines": [
-            "error",
-            {
-                declaration: "parens-new-line",
-                assignment: "parens-new-line",
-                return: "parens-new-line",
-                arrow: "parens-new-line",
-                condition: "ignore",
-                logical: "ignore",
-                prop: "ignore",
-            },
-        ],
-        "react-hooks/rules-of-hooks": "error",
-        "react-hooks/exhaustive-deps": "warn",
+        "react/dom-no-void-elements-with-children": "error",
     },
 };