feat(react): add update react rules

Author: christopher-buss

package.json

@@ -120,7 +120,7 @@
 		"typescript": "5.5.3"
 	},
 	"peerDependencies": {
-		"@eslint-react/eslint-plugin": "^1.5.8",
+		"@eslint-react/eslint-plugin": "^1.5.27",
 		"eslint": ">=8.40.0",
 		"eslint-plugin-react-hooks": "^4.6.0"
 	},

src/configs/react.ts

@@ -102,7 +102,7 @@ export async function react(
 				"react/no-unused-state": "warn",
 				"react/no-useless-fragment": "warn",
 				"react/prefer-destructuring-assignment": "warn",
-				"react/prefer-read-only-props": "off",
+				"react/prefer-read-only-props": "error",
 				"react/prefer-shorthand-boolean": "off",
 				"react/prefer-shorthand-fragment": "warn",
 
@@ -113,6 +113,8 @@ export async function react(
 				"react-hooks-extra/ensure-custom-hooks-using-other-hooks": "error",
 				"react-hooks-extra/ensure-use-callback-has-non-empty-deps": "error",
 				"react-hooks-extra/ensure-use-memo-has-non-empty-deps": "error",
+				"react-hooks-extra/no-direct-set-state-in-use-effect": "error",
+				"react-hooks-extra/no-direct-set-state-in-use-layout-effect": "error",
 				"react-hooks-extra/prefer-use-state-lazy-initialization": "error",
 				// recommended rules from @eslint-react/naming-convention
 				"react-naming-convention/filename-extension": ["warn", "as-needed"],

src/typegen.d.ts

@@ -1429,6 +1429,16 @@ export interface RuleOptions {
    * @see https://eslint-react.xyz/docs/rules/hooks-extra-ensure-use-memo-has-non-empty-deps
    */
   'no-autofix/@eslint-react/hooks-extra/ensure-use-memo-has-non-empty-deps'?: Linter.RuleEntry<[]>
+  /**
+   * disallow direct calls to the 'set' function of 'useState' in 'useEffect'
+   * @see https://eslint-react.xyz/docs/rules/hooks-extra-no-direct-set-state-in-use-effect
+   */
+  'no-autofix/@eslint-react/hooks-extra/no-direct-set-state-in-use-effect'?: Linter.RuleEntry<[]>
+  /**
+   * disallow direct calls to the 'set' function of 'useState' in 'useLayoutEffect'
+   * @see https://eslint-react.xyz/docs/rules/hooks-extra-no-direct-set-state-in-use-layout-effect
+   */
+  'no-autofix/@eslint-react/hooks-extra/no-direct-set-state-in-use-layout-effect'?: Linter.RuleEntry<[]>
   /**
    * disallow function calls in 'useState' that aren't wrapped in an initializer function
    * @see https://eslint-react.xyz/docs/rules/hooks-extra-prefer-use-state-lazy-initialization
@@ -7567,6 +7577,16 @@ export interface RuleOptions {
    * @see https://eslint-react.xyz/docs/rules/hooks-extra-ensure-use-memo-has-non-empty-deps
    */
   'no-autofix/react-hooks-extra/ensure-use-memo-has-non-empty-deps'?: Linter.RuleEntry<[]>
+  /**
+   * disallow direct calls to the 'set' function of 'useState' in 'useEffect'
+   * @see https://eslint-react.xyz/docs/rules/hooks-extra-no-direct-set-state-in-use-effect
+   */
+  'no-autofix/react-hooks-extra/no-direct-set-state-in-use-effect'?: Linter.RuleEntry<[]>
+  /**
+   * disallow direct calls to the 'set' function of 'useState' in 'useLayoutEffect'
+   * @see https://eslint-react.xyz/docs/rules/hooks-extra-no-direct-set-state-in-use-layout-effect
+   */
+  'no-autofix/react-hooks-extra/no-direct-set-state-in-use-layout-effect'?: Linter.RuleEntry<[]>
   /**
    * disallow function calls in 'useState' that aren't wrapped in an initializer function
    * @see https://eslint-react.xyz/docs/rules/hooks-extra-prefer-use-state-lazy-initialization
@@ -10746,6 +10766,16 @@ export interface RuleOptions {
    * @see https://eslint-react.xyz/docs/rules/hooks-extra-ensure-use-memo-has-non-empty-deps
    */
   'react-hooks-extra/ensure-use-memo-has-non-empty-deps'?: Linter.RuleEntry<[]>
+  /**
+   * disallow direct calls to the 'set' function 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<[]>
+  /**
+   * disallow direct calls to the 'set' function of 'useState' in 'useLayoutEffect'
+   * @see https://eslint-react.xyz/docs/rules/hooks-extra-no-direct-set-state-in-use-layout-effect
+   */
+  'react-hooks-extra/no-direct-set-state-in-use-layout-effect'?: Linter.RuleEntry<[]>
   /**
    * disallow function calls in 'useState' that aren't wrapped in an initializer function
    * @see https://eslint-react.xyz/docs/rules/hooks-extra-prefer-use-state-lazy-initialization