ESLint: Enable eslint-plugin-react-compiler (#61788)

* Add eslint-plugin-react-compiler beta as a dependency * Enable eslint-plugin-react-compiler rule * Top-level await breaks eslint-plugin-react-compiler * Disable all dev files * Separate interactivity packages * Use shorter ESLint plugin name Co-authored-by: Pascal Birchler <[email protected]> * Reformat * Disable react-compiler for native files * Enable enableTreatRefLikeIdentifiersAsRefs babel env setting * Disable validateRefAccessDuringRender * Move ESLint config outside of the eslint-plugin package --------- Co-authored-by: Pascal Birchler <[email protected]> Co-authored-by: tyxla <[email protected]> Co-authored-by: Mamaduka <[email protected]> Co-authored-by: gziolo <[email protected]> Co-authored-by: swissspidy <[email protected]> Co-authored-by: youknowriad <[email protected]>
WordPress · Nov 19, 2024 · 034c1be · 034c1be · github-actions · Nov 19, 2024
1 parent 327238a
commit 034c1be
Show file tree

Hide file tree

Showing 3 changed files with 78 additions and 0 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -156,6 +156,7 @@ module.exports = {
 		'plugin:eslint-comments/recommended',
 		'plugin:storybook/recommended',
 	],
+	plugins: [ 'react-compiler' ],
 	globals: {
 		wp: 'off',
 		globalThis: 'readonly',
@@ -222,6 +223,15 @@ module.exports = {
 				definedTags: [ 'jest-environment' ],
 			},
 		],
+		'react-compiler/react-compiler': [
+			'error',
+			{
+				environment: {
+					enableTreatRefLikeIdentifiersAsRefs: true,
+					validateRefAccessDuringRender: false,
+				},
+			},
+		],
 	},
 	overrides: [
 		{
@@ -236,6 +246,7 @@ module.exports = {
 				'import/no-unresolved': 'off',
 				'import/named': 'off',
 				'@wordpress/data-no-store-string-literals': 'off',
+				'react-compiler/react-compiler': 'off',
 			},
 		},
 		{
@@ -551,6 +562,7 @@ module.exports = {
 		{
 			files: [ 'packages/interactivity*/src/**' ],
 			rules: {
+				'react-compiler/react-compiler': 'off',
 				'react/react-in-jsx-scope': 'error',
 			},
 		},

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -100,6 +100,7 @@
 		"eslint-plugin-jest": "27.2.3",
 		"eslint-plugin-jest-dom": "5.0.2",
 		"eslint-plugin-prettier": "5.0.0",
+		"eslint-plugin-react-compiler": "19.0.0-beta-8a03594-20241020",
 		"eslint-plugin-ssr-friendly": "1.0.6",
 		"eslint-plugin-storybook": "0.6.13",
 		"eslint-plugin-testing-library": "6.0.2",