eslint-config-heck 10.2.2 → 11.0.0-beta.2

package/nodeWithBiome.js

@@ -1,9 +1,12 @@
+import reactX from "@eslint-react/eslint-plugin";
 import stylistic from "@stylistic/eslint-plugin";
 import typescriptEslint from "@typescript-eslint/eslint-plugin";
 import tsParser from "@typescript-eslint/parser";
-import importPlugin from "eslint-plugin-import-x";
+import importPlugin, {
+	createNodeResolver,
+	flatConfigs,
+} from "eslint-plugin-import-x";
 import jest from "eslint-plugin-jest";
-import react from "eslint-plugin-react";
 import testingLibrary from "eslint-plugin-testing-library";
 import unicorn from "eslint-plugin-unicorn";
 import globals from "globals";
@@ -12,8 +15,8 @@ import globals from "globals";
 export default [
 	{
 		plugins: {
+			react: reactX,
 			"@stylistic": stylistic,
-			react,
 			unicorn,
 			importPlugin,
 		},
@@ -35,8 +38,10 @@ export default [
 			},
 		},
 		settings: {
-			react: {
+			"react-x": {
 				version: "detect",
+				importSource: "react",
+				polymorphicPropName: "as",
 			},
 		},
 		rules: {
@@ -290,7 +295,9 @@ export default [
 			"unicode-bom": "error",
 
 			// @stylistic
-			"@stylistic/jsx-pascal-case": "off",
+			"@stylistic/jsx-child-element-spacing": "error",
+			"@stylistic/jsx-curly-brace-presence": ["error", "always"],
+			"@stylistic/jsx-pascal-case": "error",
 			"@stylistic/max-statements-per-line": "off",
 			"@stylistic/multiline-comment-style": ["error", "separate-lines"],
 			"@stylistic/no-floating-decimal": "off",
@@ -351,158 +358,99 @@ export default [
 			"@stylistic/quote-props": "off",
 			"@stylistic/spaced-comment": ["error", "always"],
 
-			// eslint-plugin-react
-			"react/boolean-prop-naming": "off",
-			"react/button-has-type": "off",
-			"react/checked-requires-onchange-or-readonly": "error",
-			"react/default-props-match-prop-types": "off",
-			"react/destructuring-assignment": [
-				"error",
-				"always",
-				{
-					destructureInSignature: "always",
-				},
-			],
-			"react/display-name": "off",
-			"react/forbid-component-props": "off",
-			"react/forbid-dom-props": "off",
-			"react/forbid-elements": "off",
-			"react/forbid-foreign-prop-types": "off",
-			"react/forbid-prop-types": "off",
-			"react/forward-ref-uses-ref": "error",
-			"react/function-component-definition": [
-				"error",
-				{
-					namedComponents: "function-declaration",
-					unnamedComponents: "arrow-function",
-				},
-			],
-			"react/hook-use-state": [
-				"error",
-				{
-					allowDestructuredState: true,
-				},
-			],
-			"react/iframe-missing-sandbox": "off",
-			"react/jsx-boolean-value": "off",
-			"react/jsx-child-element-spacing": "error",
-			"react/jsx-closing-bracket-location": "off",
-			"react/jsx-closing-tag-location": "off",
-			"react/jsx-curly-brace-presence": ["error", "always"],
-			"react/jsx-curly-spacing": "off",
-			"react/jsx-equals-spacing": "off",
-			"react/jsx-filename-extension": [
-				"error",
-				{
-					extensions: [".jsx", ".tsx"],
-				},
-			],
-			"react/jsx-first-prop-new-line": "off",
-			"react/jsx-fragments": "off",
-			"react/jsx-handler-names": "error",
-			"react/jsx-key": "off",
-			"react/jsx-max-depth": "off",
-			"react/jsx-newline": "off",
-			"react/jsx-no-bind": [
-				"error",
-				{
-					allowArrowFunctions: true,
-				},
-			],
-			"react/jsx-no-comment-textnodes": "off",
-			"react/jsx-no-constructed-context-values": "error",
-			"react/jsx-no-duplicate-props": "off",
-			"react/jsx-no-leaked-render": "off",
-			"react/jsx-no-literals": "off",
-			"react/jsx-no-script-url": "off",
-			"react/jsx-no-target-blank": "off",
-			"react/jsx-no-undef": [
-				"error",
-				{
-					allowGlobals: false,
-				},
-			],
-			"react/jsx-no-useless-fragment": "off",
-			"react/jsx-pascal-case": "error",
-			"react/jsx-props-no-spread-multi": "off",
-			"react/jsx-props-no-spreading": "off",
-			"react/jsx-sort-props": "off",
-			"react/jsx-tag-spacing": "off",
-			"react/jsx-uses-react": "off",
-			"react/jsx-uses-vars": "error",
-			"react/jsx-wrap-multilines": "off",
+			// @eslint-react/eslint-plugin
+			// X Rules
+			"react/error-boundaries": "error",
+			"react/exhaustive-deps": "off",
+			"react/globals": "error",
+			"react/immutability": "error",
 			"react/no-access-state-in-setstate": "error",
-			"react/no-adjacent-inline-elements": "error",
 			"react/no-array-index-key": "off",
-			"react/no-arrow-function-lifecycle": "error",
-			"react/no-children-prop": "off",
-			"react/no-danger": "off",
-			"react/no-danger-with-children": "off",
-			"react/no-deprecated": "warn",
-			"react/no-did-mount-set-state": "error",
-			"react/no-did-update-set-state": "error",
+			"react/no-children-count": "error",
+			"react/no-children-for-each": "error",
+			"react/no-children-map": "error",
+			"react/no-children-only": "error",
+			"react/no-children-to-array": "error",
+			"react/no-class-component": "warn",
+			"react/no-clone-element": "error",
+			"react/no-component-will-mount": "warn",
+			"react/no-component-will-receive-props": "warn",
+			"react/no-component-will-update": "warn",
+			"react/no-context-provider": "warn",
+			"react/no-create-ref": "warn",
 			"react/no-direct-mutation-state": "error",
-			"react/no-find-dom-node": "error",
-			"react/no-invalid-html-attribute": "error",
-			"react/no-is-mounted": "error",
-			"react/no-multi-comp": "off",
-			"react/no-namespace": "off",
-			"react/no-object-type-as-default-prop": "error",
-			"react/no-redundant-should-component-update": "error",
-			"react/no-render-return-value": "off",
-			"react/no-set-state": "off",
-			"react/no-string-refs": "off",
-			"react/no-this-in-sfc": "error",
-			"react/no-typos": "error",
-			"react/no-unescaped-entities": "error",
-			"react/no-unknown-property": "off",
-			"react/no-unsafe": "error",
-			"react/no-unstable-nested-components": "error",
-			"react/no-unused-class-component-methods": "error",
-			"react/no-unused-prop-types": "error",
+			"react/no-duplicate-key": "error",
+			"react/no-forward-ref": "warn",
+			"react/no-implicit-children": "error",
+			"react/no-implicit-key": "error",
+			"react/no-implicit-ref": "error",
+			"react/no-leaked-conditional-rendering": "off",
+			"react/no-missing-component-display-name": "warn",
+			"react/no-missing-context-display-name": "warn",
+			"react/no-missing-key": "off",
+			"react/no-misused-capture-owner-stack": "error",
+			"react/no-nested-component-definitions": "error",
+			"react/no-nested-lazy-component-declarations": "error",
+			"react/no-set-state-in-component-did-mount": "error",
+			"react/no-set-state-in-component-did-update": "error",
+			"react/no-set-state-in-component-will-update": "error",
+			"react/no-unnecessary-use-prefix": "warn",
+			"react/no-unsafe-component-will-mount": "error",
+			"react/no-unsafe-component-will-receive-props": "error",
+			"react/no-unsafe-component-will-update": "error",
+			"react/no-unstable-context-value": "error",
+			"react/no-unstable-default-props": "error",
+			"react/no-unused-class-component-members": "error",
+			"react/no-unused-props": "error",
 			"react/no-unused-state": "error",
-			"react/no-will-update-set-state": "error",
-			"react/prefer-es6-class": ["error", "always"],
-			"react/prefer-exact-props": "off",
-			"react/prefer-read-only-props": "off",
-			"react/prefer-stateless-function": "error",
-			"react/prop-types": "off",
-			"react/react-in-jsx-scope": "off",
-			"react/require-default-props": "off",
-			"react/require-optimization": "off",
-			"react/require-render-return": "error",
-			"react/self-closing-comp": "off",
-			"react/sort-comp": [
-				"error",
-				{
-					order: [
-						"static-variables",
-						"instance-variables",
-						"static-methods",
-						"lifecycle",
-						"render",
-						"everything-else",
-					],
-					groups: {
-						render: ["render", "/^render.+$/"],
-					},
-				},
-			],
-			"react/sort-default-props": "off",
-			"react/sort-prop-types": [
-				"error",
-				{
-					callbacksLast: true,
-					ignoreCase: true,
-					requiredFirst: true,
-					sortShapeProp: true,
-					noSortAlphabetically: true,
-				},
-			],
-			"react/state-in-constructor": "error",
-			"react/static-property-placement": "off",
-			"react/style-prop-object": "error",
-			"react/void-dom-elements-no-children": "off",
+			"react/no-use-context": "warn",
+			"react/purity": "error",
+			"react/refs": "error",
+			"react/rules-of-hooks": "error",
+			"react/set-state-in-effect": "error",
+			"react/set-state-in-render": "error",
+			"react/static-components": "error",
+			"react/unsupported-syntax": "error",
+			"react/use-memo": "error",
+			"react/use-state": "error",
+			// JSX Rules
+			"react/jsx-no-children-prop": "error",
+			"react/jsx-no-children-prop-with-children": "error",
+			"react/jsx-no-comment-textnodes": "error",
+			"react/jsx-no-key-after-spread": "error",
+			"react/jsx-no-leaked-dollar": "off",
+			"react/jsx-no-leaked-semicolon": "error",
+			"react/jsx-no-namespace": "off",
+			"react/jsx-no-useless-fragment": "off",
+			// RSC Rules
+			"react/rsc-function-definition": "error",
+			// DOM Rules
+			"react/dom-no-dangerously-set-innerhtml": "off",
+			"react/dom-no-dangerously-set-innerhtml-with-children": "off",
+			"react/dom-no-find-dom-node": "error",
+			"react/dom-no-flush-sync": "error",
+			"react/dom-no-hydrate": "warn",
+			"react/dom-no-missing-button-type": "off",
+			"react/dom-no-missing-iframe-sandbox": "off",
+			"react/dom-no-render": "warn",
+			"react/dom-no-render-return-value": "error",
+			"react/dom-no-script-url": "error",
+			"react/dom-no-string-style-prop": "error",
+			"react/dom-no-unknown-property": "off",
+			"react/dom-no-unsafe-iframe-sandbox": "off",
+			"react/dom-no-unsafe-target-blank": "off",
+			"react/dom-no-use-form-state": "warn",
+			"react/dom-no-void-elements-with-children": "off",
+			// Web API Rules
+			"react/web-api-no-leaked-event-listener": "error",
+			"react/web-api-no-leaked-fetch": "error",
+			"react/web-api-no-leaked-interval": "error",
+			"react/web-api-no-leaked-resize-observer": "error",
+			"react/web-api-no-leaked-timeout": "error",
+			// Naming Convention Rules
+			"react/naming-convention-context-name": "warn",
+			"react/naming-convention-id-name": "warn",
+			"react/naming-convention-ref-name": "warn",
 
 			// eslint-plugin-unicorn
 			"unicorn/better-regex": "error",
@@ -645,7 +593,6 @@ export default [
 			"unicorn/prefer-string-trim-start-end": "off",
 			"unicorn/prefer-structured-clone": "error",
 			"unicorn/prefer-switch": "error",
-
 			// TODO: off until there is a solution to this: https://github.com/sindresorhus/eslint-plugin-unicorn/issues/1079
 			"unicorn/prefer-ternary": "off",
 			"unicorn/prefer-top-level-await": "off",
@@ -720,6 +667,11 @@ export default [
 	},
 	{
 		files: ["**/*.ts", "**/*.tsx"],
+		...flatConfigs.typescript,
+		settings: {
+			...flatConfigs.typescript.settings,
+			"import-x/resolver-next": [createNodeResolver()],
+		},
 	},
 	{
 		files: ["**/*.ts", "**/*.tsx"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-config-heck",
-  "version": "10.2.2",
+  "version": "11.0.0-beta.2",
   "description": "Contains an ESLint configuration for ES2015+, TypeScript, and React.",
   "type": "module",
   "main": "index.js",
@@ -28,14 +28,12 @@
   "license": "MIT",
   "dependencies": {
     "@stylistic/eslint-plugin": "5.10.0",
-    "@typescript-eslint/eslint-plugin": "8.59.4",
-    "@typescript-eslint/parser": "8.59.4",
-    "eslint": "9.39.4",
-    "eslint-import-resolver-typescript": "4.4.4",
+    "@typescript-eslint/eslint-plugin": "8.59.3",
+    "@typescript-eslint/parser": "8.59.3",
+    "@eslint-react/eslint-plugin": "5.8.3",
+    "eslint": "10.4.0",
     "eslint-plugin-import-x": "4.16.2",
     "eslint-plugin-jest": "29.15.2",
-    "eslint-plugin-react": "7.37.5",
-    "eslint-plugin-react-hooks": "7.1.1",
     "eslint-plugin-testing-library": "7.16.2",
     "eslint-plugin-unicorn": "64.0.0",
     "typescript": "6.0.3"
@@ -45,7 +43,7 @@
     "@testing-library/dom": "10.4.1",
     "@testing-library/react": "16.3.2",
     "@types/jest": "30.0.0",
-    "@types/react": "19.2.15",
+    "@types/react": "19.2.14",
     "globals": "17.6.0",
     "jest": "30.4.2",
     "react": "19.2.6",