@luxass/eslint-config 7.3.0 → 7.4.0

package/README.md

@@ -271,7 +271,6 @@ Since flat config requires us to explicitly provide the plugin names (instead of
 | `test/*`                    | `vitest/*`                          | [@vitest/eslint-plugin](https://github.com/vitest-dev/eslint-plugin-vitest)                                                                      |
 | `react/*`                   | `@eslint-react/*`                   | [@eslint-react/eslint-plugin ](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin)                                  |
 | `react-dom/*`               | `@eslint-react/dom/*`               | [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom)                             |
-| `react-hooks-extra/*`       | `@eslint-react/hooks-extra/*`       | [eslint-plugin-react-hooks-extra](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-hooks-extra)             |
 | `react-naming-convention/*` | `@eslint-react/naming-convention/*` | [eslint-plugin-react-naming-convention](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-naming-convention) |
 
 When you want to override rules, or disable them inline, you need to update to the new prefix:
@@ -432,7 +431,7 @@ export default luxass({
 Running `npx eslint` should prompt you to install the required dependencies, otherwise, you can install them manually:
 
 ```bash
-npm i -D @eslint-react/eslint-plugin eslint-plugin-react-hooks eslint-plugin-react-refresh
+npm i -D @eslint-react/eslint-plugin eslint-plugin-react-refresh
 ```
 
 #### Astro

package/dist/index.d.mts

@@ -450,10 +450,6 @@ interface ReactOptions {
    * @default ['**\/*.md\/**', '**\/*.astro/*.ts']
    */
   ignoresTypeAware?: string[];
-  /**
-   * Enable rules that require React Compiler.
-   */
-  reactCompiler?: boolean;
 }
 declare function react(options?: ReactOptions): Promise<TypedFlatConfigItem[]>;
 //#endregion
@@ -3763,149 +3759,11 @@ interface RuleOptions {
    * @see https://eslint-react.xyz/docs/rules/dom-prefer-namespace-import
    */
   'react-dom/prefer-namespace-import'?: Linter.RuleEntry<[]>;
-  /**
-   * Disallows direct calls to the ['set' function](https://react.dev/reference/react/useState#setstate) of 'useState' in 'useEffect'.
-   * @see https://eslint-react.xyz/docs/rules/hooks-extra-no-direct-set-state-in-use-effect
-   */
-  'react-hooks-extra/no-direct-set-state-in-use-effect'?: Linter.RuleEntry<[]>;
-  /**
-   * Verifies that automatic effect dependencies are compiled if opted-in
-   */
-  'react-hooks/automatic-effect-dependencies'?: Linter.RuleEntry<ReactHooksAutomaticEffectDependencies>;
-  /**
-   * Validates against calling capitalized functions/methods instead of using JSX
-   */
-  'react-hooks/capitalized-calls'?: Linter.RuleEntry<ReactHooksCapitalizedCalls>;
-  /**
-   * Validates against higher order functions defining nested components or hooks. Components and hooks should be defined at the module level
-   */
-  'react-hooks/component-hook-factories'?: Linter.RuleEntry<ReactHooksComponentHookFactories>;
-  /**
-   * Validates the compiler configuration options
-   */
-  'react-hooks/config'?: Linter.RuleEntry<ReactHooksConfig>;
-  /**
-   * Validates usage of error boundaries instead of try/catch for errors in child components
-   */
-  'react-hooks/error-boundaries'?: Linter.RuleEntry<ReactHooksErrorBoundaries>;
-  /**
-   * verifies the list of dependencies for Hooks like useEffect and similar
-   * @see https://github.com/facebook/react/issues/14920
-   */
-  'react-hooks/exhaustive-deps'?: Linter.RuleEntry<ReactHooksExhaustiveDeps>;
-  /**
-   * Validates usage of fbt
-   */
-  'react-hooks/fbt'?: Linter.RuleEntry<ReactHooksFbt>;
-  /**
-   * Validates usage of `fire`
-   */
-  'react-hooks/fire'?: Linter.RuleEntry<ReactHooksFire>;
-  /**
-   * Validates configuration of [gating mode](https://react.dev/reference/react-compiler/gating)
-   */
-  'react-hooks/gating'?: Linter.RuleEntry<ReactHooksGating>;
-  /**
-   * Validates against assignment/mutation of globals during render, part of ensuring that [side effects must render outside of render](https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render)
-   */
-  'react-hooks/globals'?: Linter.RuleEntry<ReactHooksGlobals>;
-  /**
-   * Validates the rules of hooks
-   */
-  'react-hooks/hooks'?: Linter.RuleEntry<ReactHooksHooks>;
-  /**
-   * Validates against mutating props, state, and other values that [are immutable](https://react.dev/reference/rules/components-and-hooks-must-be-pure#props-and-state-are-immutable)
-   */
-  'react-hooks/immutability'?: Linter.RuleEntry<ReactHooksImmutability>;
-  /**
-   * Validates against usage of libraries which are incompatible with memoization (manual or automatic)
-   */
-  'react-hooks/incompatible-library'?: Linter.RuleEntry<ReactHooksIncompatibleLibrary>;
-  /**
-   * Internal invariants
-   */
-  'react-hooks/invariant'?: Linter.RuleEntry<ReactHooksInvariant>;
-  /**
-   * Validates that effect dependencies are memoized
-   */
-  'react-hooks/memoized-effect-dependencies'?: Linter.RuleEntry<ReactHooksMemoizedEffectDependencies>;
-  /**
-   * Validates against deriving values from state in an effect
-   */
-  'react-hooks/no-deriving-state-in-effects'?: Linter.RuleEntry<ReactHooksNoDerivingStateInEffects>;
-  /**
-   * Validates that existing manual memoized is preserved by the compiler. React Compiler will only compile components and hooks if its inference [matches or exceeds the existing manual memoization](https://react.dev/learn/react-compiler/introduction#what-should-i-do-about-usememo-usecallback-and-reactmemo)
-   */
-  'react-hooks/preserve-manual-memoization'?: Linter.RuleEntry<ReactHooksPreserveManualMemoization>;
-  /**
-   * Validates that [components/hooks are pure](https://react.dev/reference/rules/components-and-hooks-must-be-pure) by checking that they do not call known-impure functions
-   */
-  'react-hooks/purity'?: Linter.RuleEntry<ReactHooksPurity>;
-  /**
-   * Validates correct usage of refs, not reading/writing during render. See the "pitfalls" section in [`useRef()` usage](https://react.dev/reference/react/useRef#usage)
-   */
-  'react-hooks/refs'?: Linter.RuleEntry<ReactHooksRefs>;
-  /**
-   * Validates against suppression of other rules
-   */
-  'react-hooks/rule-suppression'?: Linter.RuleEntry<ReactHooksRuleSuppression>;
-  /**
-   * enforces the Rules of Hooks
-   * @see https://react.dev/reference/rules/rules-of-hooks
-   */
-  'react-hooks/rules-of-hooks'?: Linter.RuleEntry<ReactHooksRulesOfHooks>;
-  /**
-   * Validates against calling setState synchronously in an effect, which can lead to re-renders that degrade performance
-   */
-  'react-hooks/set-state-in-effect'?: Linter.RuleEntry<ReactHooksSetStateInEffect>;
-  /**
-   * Validates against setting state during render, which can trigger additional renders and potential infinite render loops
-   */
-  'react-hooks/set-state-in-render'?: Linter.RuleEntry<ReactHooksSetStateInRender>;
-  /**
-   * Validates that components are static, not recreated every render. Components that are recreated dynamically can reset state and trigger excessive re-rendering
-   */
-  'react-hooks/static-components'?: Linter.RuleEntry<ReactHooksStaticComponents>;
-  /**
-   * Validates against invalid syntax
-   */
-  'react-hooks/syntax'?: Linter.RuleEntry<ReactHooksSyntax>;
-  /**
-   * Unimplemented features
-   */
-  'react-hooks/todo'?: Linter.RuleEntry<ReactHooksTodo>;
-  /**
-   * Validates against syntax that we do not plan to support in React Compiler
-   */
-  'react-hooks/unsupported-syntax'?: Linter.RuleEntry<ReactHooksUnsupportedSyntax>;
-  /**
-   * Validates usage of the useMemo() hook against common mistakes. See [`useMemo()` docs](https://react.dev/reference/react/useMemo) for more information.
-   */
-  'react-hooks/use-memo'?: Linter.RuleEntry<ReactHooksUseMemo>;
-  /**
-   * Validates that useMemos always return a value and that the result of the useMemo is used by the component/hook. See [`useMemo()` docs](https://react.dev/reference/react/useMemo) for more information.
-   */
-  'react-hooks/void-use-memo'?: Linter.RuleEntry<ReactHooksVoidUseMemo>;
-  /**
-   * Enforces naming conventions for components.
-   * @see https://eslint-react.xyz/docs/rules/naming-convention-component-name
-   */
-  'react-naming-convention/component-name'?: Linter.RuleEntry<ReactNamingConventionComponentName>;
   /**
    * Enforces the context name to be a valid component name with the suffix 'Context'.
    * @see https://eslint-react.xyz/docs/rules/naming-convention-context-name
    */
   'react-naming-convention/context-name'?: Linter.RuleEntry<[]>;
-  /**
-   * Enforces consistent file-naming conventions.
-   * @see https://eslint-react.xyz/docs/rules/naming-convention-filename
-   */
-  'react-naming-convention/filename'?: Linter.RuleEntry<ReactNamingConventionFilename>;
-  /**
-   * Enforces consistent use of the JSX file extension.
-   * @see https://eslint-react.xyz/docs/rules/naming-convention-filename-extension
-   */
-  'react-naming-convention/filename-extension'?: Linter.RuleEntry<ReactNamingConventionFilenameExtension>;
   /**
    * Enforces identifier names assigned from 'useId' calls to be either 'id' or end with 'Id'.
    * @see https://eslint-react.xyz/docs/rules/naming-convention-id-name
@@ -3916,14 +3774,9 @@ interface RuleOptions {
    * @see https://eslint-react.xyz/docs/rules/naming-convention-ref-name
    */
   'react-naming-convention/ref-name'?: Linter.RuleEntry<[]>;
-  /**
-   * Enforces destructuring and symmetric naming of the 'useState' hook value and setter.
-   * @see https://eslint-react.xyz/docs/rules/naming-convention-use-state
-   */
-  'react-naming-convention/use-state'?: Linter.RuleEntry<ReactNamingConventionUseState>;
   'react-refresh/only-export-components'?: Linter.RuleEntry<ReactRefreshOnlyExportComponents>;
   /**
-   * Validate and transform React Client/Server Function definitions.
+   * Validates and transforms React Client/Server Function definitions.
    * @see https://eslint-react.xyz/docs/rules/function-definition
    */
   'react-rsc/function-definition'?: Linter.RuleEntry<[]>;
@@ -3947,6 +3800,26 @@ interface RuleOptions {
    * @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-timeout
    */
   'react-web-api/no-leaked-timeout'?: Linter.RuleEntry<[]>;
+  /**
+   * Disallows higher order functions that define components or hooks inside them.
+   * @see https://eslint-react.xyz/docs/rules/component-hook-factories
+   */
+  'react/component-hook-factories'?: Linter.RuleEntry<[]>;
+  /**
+   * Validates usage of Error Boundaries instead of try/catch for errors in child components.
+   * @see https://eslint-react.xyz/docs/rules/error-boundaries
+   */
+  'react/error-boundaries'?: Linter.RuleEntry<[]>;
+  /**
+   * Verifies the list of dependencies for Hooks like 'useEffect' and similar.
+   * @see https://github.com/facebook/react/issues/14920
+   */
+  'react/exhaustive-deps'?: Linter.RuleEntry<ReactExhaustiveDeps>;
+  /**
+   * Validates against mutating props, state, and other values that are immutable.
+   * @see https://eslint-react.xyz/docs/rules/immutability
+   */
+  'react/immutability'?: Linter.RuleEntry<[]>;
   /**
    * Prevents unintentional '$' sign before expression.
    * @see https://eslint-react.xyz/docs/rules/jsx-dollar
@@ -3958,25 +3831,10 @@ interface RuleOptions {
    */
   'react/jsx-key-before-spread'?: Linter.RuleEntry<[]>;
   /**
-   * Prevents comment strings (e.g., beginning with '//' or '/*') from being accidentally inserted into a JSX element's text nodes.
+   * Prevents comment strings (ex: beginning with '//' or '/*') from being accidentally inserted into a JSX element's text nodes.
    * @see https://eslint-react.xyz/docs/rules/jsx-no-comment-textnodes
    */
   'react/jsx-no-comment-textnodes'?: Linter.RuleEntry<[]>;
-  /**
-   * Disallows duplicate props in JSX elements.
-   * @see https://eslint-react.xyz/docs/rules/jsx-no-duplicate-props
-   */
-  'react/jsx-no-duplicate-props'?: Linter.RuleEntry<[]>;
-  /**
-   * Disallows immediately-invoked function expressions in JSX.
-   * @see https://eslint-react.xyz/docs/rules/jsx-no-iife
-   */
-  'react/jsx-no-iife'?: Linter.RuleEntry<[]>;
-  /**
-   * Prevents using variables in JSX that are not defined in the scope.
-   * @see https://eslint-react.xyz/docs/rules/jsx-no-undef
-   */
-  'react/jsx-no-undef'?: Linter.RuleEntry<[]>;
   /**
    * Enforces shorthand syntax for boolean props.
    * @see https://eslint-react.xyz/docs/rules/jsx-shorthand-boolean
@@ -3987,16 +3845,6 @@ interface RuleOptions {
    * @see https://eslint-react.xyz/docs/rules/jsx-shorthand-fragment
    */
   'react/jsx-shorthand-fragment'?: Linter.RuleEntry<ReactJsxShorthandFragment>;
-  /**
-   * Marks React variables as used when JSX is present.
-   * @see https://eslint-react.xyz/docs/rules/jsx-uses-react
-   */
-  'react/jsx-uses-react'?: Linter.RuleEntry<[]>;
-  /**
-   * Marks JSX element variables as used.
-   * @see https://eslint-react.xyz/docs/rules/jsx-uses-vars
-   */
-  'react/jsx-uses-vars'?: Linter.RuleEntry<[]>;
   /**
    * Disallows accessing 'this.state' inside 'setState' calls.
    * @see https://eslint-react.xyz/docs/rules/no-access-state-in-setstate
@@ -4072,11 +3920,6 @@ interface RuleOptions {
    * @see https://eslint-react.xyz/docs/rules/no-create-ref
    */
   'react/no-create-ref'?: Linter.RuleEntry<[]>;
-  /**
-   * Disallows the 'defaultProps' property in favor of ES6 default parameters.
-   * @see https://eslint-react.xyz/docs/rules/no-default-props
-   */
-  'react/no-default-props'?: Linter.RuleEntry<[]>;
   /**
    * Disallows direct mutation of 'this.state'.
    * @see https://eslint-react.xyz/docs/rules/no-direct-mutation-state
@@ -4087,22 +3930,26 @@ interface RuleOptions {
    * @see https://eslint-react.xyz/docs/rules/no-duplicate-key
    */
   'react/no-duplicate-key'?: Linter.RuleEntry<[]>;
-  /**
-   * Disallows certain props on components.
-   * @see https://eslint-react.xyz/docs/rules/no-forbidden-props
-   * @deprecated
-   */
-  'react/no-forbidden-props'?: Linter.RuleEntry<ReactNoForbiddenProps>;
   /**
    * Replaces usage of 'forwardRef' with passing 'ref' as a prop.
    * @see https://eslint-react.xyz/docs/rules/no-forward-ref
    */
   'react/no-forward-ref'?: Linter.RuleEntry<[]>;
+  /**
+   * Prevents implicitly passing the 'children' prop to components.
+   * @see https://eslint-react.xyz/docs/rules/no-implicit-children
+   */
+  'react/no-implicit-children'?: Linter.RuleEntry<[]>;
   /**
    * Prevents implicitly passing the 'key' prop to components.
    * @see https://eslint-react.xyz/docs/rules/no-implicit-key
    */
   'react/no-implicit-key'?: Linter.RuleEntry<[]>;
+  /**
+   * Prevents implicitly passing the 'ref' prop to components.
+   * @see https://eslint-react.xyz/docs/rules/no-implicit-ref
+   */
+  'react/no-implicit-ref'?: Linter.RuleEntry<[]>;
   /**
    * Prevents problematic leaked values from being rendered.
    * @see https://eslint-react.xyz/docs/rules/no-leaked-conditional-rendering
@@ -4138,11 +3985,6 @@ interface RuleOptions {
    * @see https://eslint-react.xyz/docs/rules/no-nested-lazy-component-declarations
    */
   'react/no-nested-lazy-component-declarations'?: Linter.RuleEntry<[]>;
-  /**
-   * Disallows 'propTypes' in favor of TypeScript or another type-checking solution.
-   * @see https://eslint-react.xyz/docs/rules/no-prop-types
-   */
-  'react/no-prop-types'?: Linter.RuleEntry<[]>;
   /**
    * Disallows 'shouldComponentUpdate' when extending 'React.PureComponent'.
    * @see https://eslint-react.xyz/docs/rules/no-redundant-should-component-update
@@ -4163,16 +4005,6 @@ interface RuleOptions {
    * @see https://eslint-react.xyz/docs/rules/no-set-state-in-component-will-update
    */
   'react/no-set-state-in-component-will-update'?: Linter.RuleEntry<[]>;
-  /**
-   * Replaces string refs with callback refs.
-   * @see https://eslint-react.xyz/docs/rules/no-string-refs
-   */
-  'react/no-string-refs'?: Linter.RuleEntry<[]>;
-  /**
-   * Disallows unnecessary 'key' props on nested child elements when rendering lists.
-   * @see https://eslint-react.xyz/docs/rules/no-unnecessary-key
-   */
-  'react/no-unnecessary-key'?: Linter.RuleEntry<[]>;
   /**
    * Disallows unnecessary usage of 'useCallback'.
    * @see https://eslint-react.xyz/docs/rules/no-unnecessary-use-callback
@@ -4188,11 +4020,6 @@ interface RuleOptions {
    * @see https://eslint-react.xyz/docs/rules/no-unnecessary-use-prefix
    */
   'react/no-unnecessary-use-prefix'?: Linter.RuleEntry<[]>;
-  /**
-   * Disallows unnecessary usage of 'useRef'.
-   * @see https://eslint-react.xyz/docs/rules/no-unnecessary-use-ref
-   */
-  'react/no-unnecessary-use-ref'?: Linter.RuleEntry<[]>;
   /**
    * Warns about the use of 'UNSAFE_componentWillMount' in class components.
    * @see https://eslint-react.xyz/docs/rules/no-unsafe-component-will-mount
@@ -4238,11 +4065,6 @@ interface RuleOptions {
    * @see https://eslint-react.xyz/docs/rules/no-use-context
    */
   'react/no-use-context'?: Linter.RuleEntry<[]>;
-  /**
-   * Disallows useless 'forwardRef' calls on components that don't use 'ref's.
-   * @see https://eslint-react.xyz/docs/rules/no-useless-forward-ref
-   */
-  'react/no-useless-forward-ref'?: Linter.RuleEntry<[]>;
   /**
    * Disallows useless fragment elements.
    * @see https://eslint-react.xyz/docs/rules/no-useless-fragment
@@ -4259,15 +4081,55 @@ interface RuleOptions {
    */
   'react/prefer-namespace-import'?: Linter.RuleEntry<[]>;
   /**
-   * Enforces read-only props in components.
-   * @see https://eslint-react.xyz/docs/rules/prefer-read-only-props
+   * Validates that components and hooks are pure by checking that they do not call known-impure functions during render.
+   * @see https://eslint-react.xyz/docs/rules/purity
+   */
+  'react/purity'?: Linter.RuleEntry<[]>;
+  /**
+   * Validates correct usage of refs by checking that 'ref.current' is not read or written during render.
+   * @see https://eslint-react.xyz/docs/rules/refs
+   */
+  'react/refs'?: Linter.RuleEntry<[]>;
+  /**
+   * Enforces the Rules of Hooks.
+   * @see https://react.dev/reference/rules/rules-of-hooks
    */
-  'react/prefer-read-only-props'?: Linter.RuleEntry<[]>;
+  'react/rules-of-hooks'?: Linter.RuleEntry<ReactRulesOfHooks>;
   /**
-   * Enforces wrapping function calls made inside 'useState' in an 'initializer function'.
-   * @see https://eslint-react.xyz/docs/rules/prefer-use-state-lazy-initialization
+   * Validates against setting state synchronously in an effect, which can lead to re-renders that degrade performance.
+   * @see https://eslint-react.xyz/docs/rules/set-state-in-effect
    */
-  'react/prefer-use-state-lazy-initialization'?: Linter.RuleEntry<[]>;
+  'react/set-state-in-effect'?: Linter.RuleEntry<[]>;
+  /**
+   * Validates against unconditionally setting state during render, which can trigger additional renders and potential infinite render loops.
+   * @see https://eslint-react.xyz/docs/rules/set-state-in-render
+   */
+  'react/set-state-in-render'?: Linter.RuleEntry<[]>;
+  /**
+   * Enforces the Rules of Props.
+   * @see https://eslint-react.xyz/docs/rules/unstable-rules-of-props
+   */
+  'react/unstable-rules-of-props'?: Linter.RuleEntry<[]>;
+  /**
+   * Enforces the Rules of State.
+   * @see https://eslint-react.xyz/docs/rules/unstable-rules-of-state
+   */
+  'react/unstable-rules-of-state'?: Linter.RuleEntry<[]>;
+  /**
+   * Validates against syntax that React Compiler does not support.
+   * @see https://eslint-react.xyz/docs/rules/unsupported-syntax
+   */
+  'react/unsupported-syntax'?: Linter.RuleEntry<[]>;
+  /**
+   * Validates that 'useMemo' is called with a callback that returns a value.
+   * @see https://eslint-react.xyz/docs/rules/use-memo
+   */
+  'react/use-memo'?: Linter.RuleEntry<[]>;
+  /**
+   * Enforces correct usage of 'useState', including destructuring, symmetric naming of the value and setter, and wrapping expensive initializers in a lazy initializer function.
+   * @see https://eslint-react.xyz/docs/rules/use-state
+   */
+  'react/use-state'?: Linter.RuleEntry<ReactUseState>;
   /**
    * disallow confusing quantifiers
    * @see https://ota-meshi.github.io/eslint-plugin-regexp/rules/confusing-quantifier.html
@@ -13439,139 +13301,35 @@ type Radix = [] | [("always" | "as-needed")]; // ----- react-dom/no-unknown-prop
 type ReactDomNoUnknownProperty = [] | [{
   ignore?: string[];
   requireDataLowercase?: boolean;
-}]; // ----- react-hooks/automatic-effect-dependencies -----
-type ReactHooksAutomaticEffectDependencies = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/capitalized-calls -----
-type ReactHooksCapitalizedCalls = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/component-hook-factories -----
-type ReactHooksComponentHookFactories = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/config -----
-type ReactHooksConfig = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/error-boundaries -----
-type ReactHooksErrorBoundaries = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/exhaustive-deps -----
-type ReactHooksExhaustiveDeps = [] | [{
-  additionalHooks?: string;
-  enableDangerousAutofixThisMayCauseInfiniteLoops?: boolean;
-  experimental_autoDependenciesHooks?: string[];
-  requireExplicitEffectDeps?: boolean;
-}]; // ----- react-hooks/fbt -----
-type ReactHooksFbt = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/fire -----
-type ReactHooksFire = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/gating -----
-type ReactHooksGating = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/globals -----
-type ReactHooksGlobals = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/hooks -----
-type ReactHooksHooks = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/immutability -----
-type ReactHooksImmutability = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/incompatible-library -----
-type ReactHooksIncompatibleLibrary = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/invariant -----
-type ReactHooksInvariant = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/memoized-effect-dependencies -----
-type ReactHooksMemoizedEffectDependencies = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/no-deriving-state-in-effects -----
-type ReactHooksNoDerivingStateInEffects = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/preserve-manual-memoization -----
-type ReactHooksPreserveManualMemoization = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/purity -----
-type ReactHooksPurity = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/refs -----
-type ReactHooksRefs = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/rule-suppression -----
-type ReactHooksRuleSuppression = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/rules-of-hooks -----
-type ReactHooksRulesOfHooks = [] | [{
-  additionalHooks?: string;
-}]; // ----- react-hooks/set-state-in-effect -----
-type ReactHooksSetStateInEffect = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/set-state-in-render -----
-type ReactHooksSetStateInRender = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/static-components -----
-type ReactHooksStaticComponents = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/syntax -----
-type ReactHooksSyntax = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/todo -----
-type ReactHooksTodo = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/unsupported-syntax -----
-type ReactHooksUnsupportedSyntax = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/use-memo -----
-type ReactHooksUseMemo = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-hooks/void-use-memo -----
-type ReactHooksVoidUseMemo = [] | [{
-  [k: string]: unknown | undefined;
-}]; // ----- react-naming-convention/component-name -----
-type ReactNamingConventionComponentName = [] | [(("PascalCase" | "CONSTANT_CASE") | {
-  allowAllCaps?: boolean;
-  excepts?: string[];
-  rule?: ("PascalCase" | "CONSTANT_CASE");
-})]; // ----- react-naming-convention/filename -----
-type ReactNamingConventionFilename = [] | [(("PascalCase" | "camelCase" | "kebab-case" | "snake_case") | {
-  excepts?: string[];
-  extensions?: string[];
-  rule?: ("PascalCase" | "camelCase" | "kebab-case" | "snake_case");
-})]; // ----- react-naming-convention/filename-extension -----
-type ReactNamingConventionFilenameExtension = [] | [(("always" | "as-needed") | {
-  allow?: ("always" | "as-needed");
-  extensions?: string[];
-  ignoreFilesWithoutCode?: boolean;
-})]; // ----- react-naming-convention/use-state -----
-type ReactNamingConventionUseState = [] | [{
-  enforceAssignment?: boolean;
-  enforceSetterName?: boolean;
 }]; // ----- react-refresh/only-export-components -----
 type ReactRefreshOnlyExportComponents = [] | [{
   extraHOCs?: string[];
   allowExportNames?: string[];
   allowConstantExport?: boolean;
   checkJS?: boolean;
+}]; // ----- react/exhaustive-deps -----
+type ReactExhaustiveDeps = [] | [{
+  additionalHooks?: string;
+  enableDangerousAutofixThisMayCauseInfiniteLoops?: boolean;
+  experimental_autoDependenciesHooks?: string[];
+  requireExplicitEffectDeps?: boolean;
 }]; // ----- react/jsx-shorthand-boolean -----
 type ReactJsxShorthandBoolean = [] | [(-1 | 1)]; // ----- react/jsx-shorthand-fragment -----
-type ReactJsxShorthandFragment = [] | [(-1 | 1)]; // ----- react/no-forbidden-props -----
-type ReactNoForbiddenProps = [] | [{
-  forbid?: (string | {
-    excludedNodes?: string[];
-    prop: string;
-  } | {
-    includedNodes?: string[];
-    prop: string;
-  })[];
-}]; // ----- react/no-unstable-default-props -----
+type ReactJsxShorthandFragment = [] | [(-1 | 1)]; // ----- react/no-unstable-default-props -----
 type ReactNoUnstableDefaultProps = [] | [{
   safeDefaultProps?: string[];
 }]; // ----- react/no-useless-fragment -----
 type ReactNoUselessFragment = [] | [{
   allowEmptyFragment?: boolean;
   allowExpressions?: boolean;
+}]; // ----- react/rules-of-hooks -----
+type ReactRulesOfHooks = [] | [{
+  additionalHooks?: string;
+}]; // ----- react/use-state -----
+type ReactUseState = [] | [{
+  enforceAssignment?: boolean;
+  enforceLazyInitialization?: boolean;
+  enforceSetterName?: boolean;
 }]; // ----- regexp/hexadecimal-escape -----
 type RegexpHexadecimalEscape = [] | [("always" | "never")]; // ----- regexp/letter-case -----
 type RegexpLetterCase = [] | [{
@@ -17512,7 +17270,7 @@ type Yoda = [] | [("always" | "never")] | [("always" | "never"), {
   exceptRange?: boolean;
   onlyEquality?: boolean;
 }]; // Names of all the configs
-type ConfigNames = 'luxass/gitignore' | 'luxass/ignores' | 'luxass/javascript/setup' | 'luxass/javascript/rules' | 'luxass/disables/cli' | 'luxass/eslint-comments' | 'command' | 'luxass/perfectionist/setup' | 'luxass/node/setup' | 'luxass/node/rules' | 'luxass/jsdoc/setup' | 'luxass/jsdoc/rules' | 'luxass/imports' | 'luxass/e18e/rules' | 'luxass/unicorn/rules' | 'luxass/jsx/setup' | 'luxass/typescript/setup' | 'luxass/typescript/type-aware-parser' | 'luxass/typescript/parser' | 'luxass/typescript/rules' | 'luxass/typescript/rules-type-aware' | 'luxas/typescript/erasable-syntax-only' | 'luxass/stylistic' | 'luxass/regexp/rules' | 'luxass/test/setup' | 'luxass/test/rules' | 'luxass/react/setup' | 'luxass/react/rules' | 'luxass/react/type-aware-rules' | 'luxass/vue/setup' | 'luxass/vue/rules' | 'luxass/astro/setup' | 'luxass/astro/rules' | 'luxass/unocss' | 'luxass/jsonc/setup' | 'luxass/jsonc/rules' | 'luxass/sort/package-json' | 'luxass/sort/tsconfig' | 'luxass/pnpm/package-json' | 'luxass/pnpm/pnpm-workspace-yaml' | 'luxass/pnpm/pnpm-workspace-yaml-sort' | 'luxass/yaml/setup' | 'luxass/yaml/rules' | 'luxass/yaml/pnpm-workspace' | 'luxass/toml/setup' | 'luxass/toml/rules' | 'luxass/markdown/setup' | 'luxass/markdown/processor' | 'luxass/markdown/parser' | 'luxass/markdown/rules' | 'luxass/markdown/disables/markdown' | 'luxass/markdown/disables/code' | 'luxass/formatter/setup' | 'luxass/formatter/css' | 'luxass/formatter/scss' | 'luxass/formatter/less' | 'luxass/formatter/html' | 'luxass/formatter/xml' | 'luxass/formatter/svg' | 'luxass/formatter/markdown' | 'luxass/formatter/astro' | 'luxass/formatter/graphql' | 'luxass/disables/scripts' | 'luxass/disables/cli' | 'luxass/disables/bin' | 'luxass/disables/dts' | 'luxass/disables/cjs' | 'luxass/disables/github-actions' | 'luxass/disables/config-files';
+type ConfigNames = 'luxass/gitignore' | 'luxass/ignores' | 'luxass/javascript/setup' | 'luxass/javascript/rules' | 'luxass/disables/cli' | 'luxass/eslint-comments' | 'command' | 'luxass/perfectionist/setup' | 'luxass/node/setup' | 'luxass/node/rules' | 'luxass/jsdoc/setup' | 'luxass/jsdoc/rules' | 'luxass/imports' | 'luxass/e18e/rules' | 'luxass/unicorn/rules' | 'luxass/jsx/setup' | 'luxass/typescript/setup' | 'luxass/typescript/type-aware-parser' | 'luxass/typescript/parser' | 'luxass/typescript/rules' | 'luxass/typescript/rules-type-aware' | 'luxas/typescript/erasable-syntax-only' | 'luxass/stylistic' | 'luxass/regexp/rules' | 'luxass/test/setup' | 'luxass/test/rules' | 'luxass/react/setup' | 'luxass/react/rules' | 'luxass/react/typescript' | 'luxass/react/type-aware-rules' | 'luxass/vue/setup' | 'luxass/vue/rules' | 'luxass/astro/setup' | 'luxass/astro/rules' | 'luxass/unocss' | 'luxass/jsonc/setup' | 'luxass/jsonc/rules' | 'luxass/sort/package-json' | 'luxass/sort/tsconfig' | 'luxass/pnpm/package-json' | 'luxass/pnpm/pnpm-workspace-yaml' | 'luxass/pnpm/pnpm-workspace-yaml-sort' | 'luxass/yaml/setup' | 'luxass/yaml/rules' | 'luxass/yaml/pnpm-workspace' | 'luxass/toml/setup' | 'luxass/toml/rules' | 'luxass/markdown/setup' | 'luxass/markdown/processor' | 'luxass/markdown/parser' | 'luxass/markdown/rules' | 'luxass/markdown/disables/markdown' | 'luxass/markdown/disables/code' | 'luxass/formatter/setup' | 'luxass/formatter/css' | 'luxass/formatter/scss' | 'luxass/formatter/less' | 'luxass/formatter/html' | 'luxass/formatter/xml' | 'luxass/formatter/svg' | 'luxass/formatter/markdown' | 'luxass/formatter/astro' | 'luxass/formatter/graphql' | 'luxass/disables/scripts' | 'luxass/disables/cli' | 'luxass/disables/bin' | 'luxass/disables/dts' | 'luxass/disables/cjs' | 'luxass/disables/github-actions' | 'luxass/disables/config-files';
 //#endregion
 //#region src/types.d.ts
 type Awaitable<T> = T | Promise<T>;
@@ -17620,7 +17378,6 @@ interface ConfigOptions {
    *
    * Requires installing:
    * - `@eslint-react/eslint-plugin`
-   * - `eslint-plugin-react-hooks`
    * - `eslint-plugin-react-refresh`
    *
    * @default false

package/dist/index.mjs

@@ -1354,26 +1354,17 @@ const ReactRouterPackages = [
 ];
 const TanstackRouterPackages = ["@tanstack/react-router"];
 const NextJsPackages = ["next"];
-const ReactCompilerPackages = ["babel-plugin-react-compiler"];
 async function react(options = {}) {
 	const { files = [
 		GLOB_JS,
 		GLOB_JSX,
 		GLOB_TS,
 		GLOB_TSX
-	], filesTypeAware = [GLOB_TS, GLOB_TSX], ignoresTypeAware = [`${GLOB_MARKDOWN}/**`, GLOB_ASTRO_TS], overrides = {}, reactCompiler = ReactCompilerPackages.some((i) => isPackageExists(i)), tsconfigPath } = options;
-	await ensure([
-		"@eslint-react/eslint-plugin",
-		"eslint-plugin-react-hooks",
-		"eslint-plugin-react-refresh"
-	]);
+	], filesTypeAware = [GLOB_TS, GLOB_TSX], ignoresTypeAware = [`${GLOB_MARKDOWN}/**`, GLOB_ASTRO_TS], overrides = {}, tsconfigPath } = options;
+	await ensure(["@eslint-react/eslint-plugin", "eslint-plugin-react-refresh"]);
 	const isTypeAware = !!tsconfigPath;
-	const typeAwareRules = { "react/no-leaked-conditional-rendering": "warn" };
-	const [pluginReact, pluginReactHooks, pluginReactRefresh] = await Promise.all([
-		interop(import("@eslint-react/eslint-plugin")),
-		interop(import("eslint-plugin-react-hooks")),
-		interop(import("eslint-plugin-react-refresh"))
-	]);
+	const typeAwareRules = { "react/no-leaked-conditional-rendering": "error" };
+	const [pluginReact, pluginReactRefresh] = await Promise.all([interop(import("@eslint-react/eslint-plugin")), interop(import("eslint-plugin-react-refresh"))]);
 	const isAllowConstantExport = ReactRefreshAllowConstantExportPackages.some((i) => isPackageExists(i));
 	const isUsingRemix = RemixPackages.some((i) => isPackageExists(i));
 	const isUsingReactRouter = ReactRouterPackages.some((i) => isPackageExists(i));
@@ -1386,8 +1377,6 @@ async function react(options = {}) {
 			plugins: {
 				"react": plugins["@eslint-react"],
 				"react-dom": plugins["@eslint-react/dom"],
-				"react-hooks": pluginReactHooks,
-				"react-hooks-extra": plugins["@eslint-react/hooks-extra"],
 				"react-naming-convention": plugins["@eslint-react/naming-convention"],
 				"react-refresh": pluginReactRefresh,
 				"react-rsc": plugins["@eslint-react/rsc"],
@@ -1402,85 +1391,7 @@ async function react(options = {}) {
 			},
 			name: "luxass/react/rules",
 			rules: {
-				"react-dom/no-dangerously-set-innerhtml": "warn",
-				"react-dom/no-dangerously-set-innerhtml-with-children": "error",
-				"react-dom/no-find-dom-node": "error",
-				"react-dom/no-flush-sync": "error",
-				"react-dom/no-hydrate": "error",
-				"react-dom/no-namespace": "error",
-				"react-dom/no-render": "error",
-				"react-dom/no-render-return-value": "error",
-				"react-dom/no-script-url": "warn",
-				"react-dom/no-unsafe-iframe-sandbox": "warn",
-				"react-dom/no-use-form-state": "error",
-				"react-dom/no-void-elements-with-children": "error",
-				"react-hooks-extra/no-direct-set-state-in-use-effect": "warn",
-				"react-hooks/exhaustive-deps": "warn",
-				"react-hooks/rules-of-hooks": "error",
-				"react-naming-convention/context-name": "warn",
-				"react-naming-convention/ref-name": "warn",
-				"react-naming-convention/use-state": "warn",
-				"react-rsc/function-definition": "error",
-				"react-web-api/no-leaked-event-listener": "warn",
-				"react-web-api/no-leaked-interval": "warn",
-				"react-web-api/no-leaked-resize-observer": "warn",
-				"react-web-api/no-leaked-timeout": "warn",
-				"react/jsx-key-before-spread": "warn",
-				"react/jsx-no-comment-textnodes": "warn",
-				"react/jsx-no-duplicate-props": "warn",
-				"react/jsx-uses-react": "warn",
-				"react/jsx-uses-vars": "warn",
-				"react/no-access-state-in-setstate": "error",
-				"react/no-array-index-key": "warn",
-				"react/no-children-count": "warn",
-				"react/no-children-for-each": "warn",
-				"react/no-children-map": "warn",
-				"react/no-children-only": "warn",
-				"react/no-children-to-array": "warn",
-				"react/no-clone-element": "warn",
-				"react/no-component-will-mount": "error",
-				"react/no-component-will-receive-props": "error",
-				"react/no-component-will-update": "error",
-				"react/no-context-provider": "warn",
-				"react/no-create-ref": "error",
-				"react/no-default-props": "error",
-				"react/no-direct-mutation-state": "error",
-				"react/no-forward-ref": "warn",
-				"react/no-missing-key": "error",
-				"react/no-nested-component-definitions": "error",
-				"react/no-nested-lazy-component-declarations": "error",
-				"react/no-prop-types": "error",
-				"react/no-redundant-should-component-update": "error",
-				"react/no-set-state-in-component-did-mount": "warn",
-				"react/no-set-state-in-component-did-update": "warn",
-				"react/no-set-state-in-component-will-update": "warn",
-				"react/no-string-refs": "error",
-				"react/no-unnecessary-use-prefix": "warn",
-				"react/no-unsafe-component-will-mount": "warn",
-				"react/no-unsafe-component-will-receive-props": "warn",
-				"react/no-unsafe-component-will-update": "warn",
-				"react/no-unused-class-component-members": "warn",
-				"react/no-use-context": "warn",
-				"react/no-useless-forward-ref": "warn",
-				"react/prefer-namespace-import": "error",
-				"react/prefer-use-state-lazy-initialization": "warn",
-				...reactCompiler ? {
-					"react-hooks/component-hook-factories": "error",
-					"react-hooks/config": "error",
-					"react-hooks/error-boundaries": "error",
-					"react-hooks/gating": "error",
-					"react-hooks/globals": "error",
-					"react-hooks/immutability": "error",
-					"react-hooks/incompatible-library": "warn",
-					"react-hooks/preserve-manual-memoization": "error",
-					"react-hooks/purity": "error",
-					"react-hooks/refs": "error",
-					"react-hooks/set-state-in-effect": "error",
-					"react-hooks/set-state-in-render": "error",
-					"react-hooks/static-components": "error",
-					"react-hooks/unsupported-syntax": "warn",
-					"react-hooks/use-memo": "error"
-				} : {},
+				...pluginReact.configs.recommended.rules,
 				"react-refresh/only-export-components": ["error", {
 					allowConstantExport: isAllowConstantExport,
 					allowExportNames: [...isUsingNext ? [
@@ -1519,9 +1430,18 @@ async function react(options = {}) {
 						"createLazyRoute"
 					] : []]
 				}],
+				"react/prefer-namespace-import": "error",
 				...overrides
 			}
 		},
+		{
+			files: filesTypeAware,
+			name: "luxass/react/typescript",
+			rules: {
+				"react-dom/no-string-style-prop": "off",
+				"react-dom/no-unknown-property": "off"
+			}
+		},
 		...isTypeAware ? [{
 			files: filesTypeAware,
 			ignores: ignoresTypeAware,
@@ -2338,8 +2258,9 @@ const VuePackages = [
 const defaultPluginRenaming = {
 	"@eslint-react": "react",
 	"@eslint-react/dom": "react-dom",
-	"@eslint-react/hooks-extra": "react-hooks-extra",
 	"@eslint-react/naming-convention": "react-naming-convention",
+	"@eslint-react/rsc": "react-rsc",
+	"@eslint-react/web-api": "react-web-api",
 	"@stylistic": "style",
 	"@typescript-eslint": "ts",
 	"import-lite": "import",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luxass/eslint-config",
-  "version": "7.3.0",
+  "version": "7.4.0",
   "description": "ESLint config for @luxass",
   "type": "module",
   "author": {
@@ -42,7 +42,6 @@
     "eslint": "^9.10.0 || ^10.0.0",
     "eslint-plugin-astro": "^1.2.0",
     "eslint-plugin-format": ">=0.1.0",
-    "eslint-plugin-react-hooks": "^7.0.0",
     "eslint-plugin-react-refresh": "^0.4.19",
     "eslint-plugin-tailwindcss": "^3.17.0",
     "prettier-plugin-astro": "^0.14.0"
@@ -63,9 +62,6 @@
     "@eslint-react/eslint-plugin": {
       "optional": true
     },
-    "eslint-plugin-react-hooks": {
-      "optional": true
-    },
     "eslint-plugin-react-refresh": {
       "optional": true
     },
@@ -115,7 +111,7 @@
     "yaml-eslint-parser": "^2.0.0"
   },
   "devDependencies": {
-    "@eslint-react/eslint-plugin": "^2.13.0",
+    "@eslint-react/eslint-plugin": "^3.0.0",
     "@eslint/config-inspector": "^1.5.0",
     "@prettier/plugin-xml": "^3.4.2",
     "@types/node": "^25.2.1",
@@ -126,7 +122,6 @@
     "eslint-plugin-astro": "^1.6.0",
     "eslint-plugin-erasable-syntax-only": "^0.4.0",
     "eslint-plugin-format": "^2.0.1",
-    "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.5.2",
     "eslint-plugin-tailwindcss": "^3.18.2",
     "eslint-typegen": "^2.3.1",