ESLint: suppress react-hooks/rules-of-hooks for experimental components

See facebook/react#25162
shvlv · Oct 14, 2024 · f9195af · f9195af
1 parent 8cbd764
commit f9195af
Show file tree

Hide file tree

Showing 9 changed files with 18 additions and 0 deletions.
diff --git a/packages/block-editor/src/components/block-variation-transforms/index.js b/packages/block-editor/src/components/block-variation-transforms/index.js
@@ -139,6 +139,7 @@ function VariationsToggleGroupControl( {
 	);
 }
 
+/* eslint-disable react-hooks/rules-of-hooks */
 function __experimentalBlockVariationTransforms( { blockClientId } ) {
 	const { updateBlockAttributes } = useDispatch( blockEditorStore );
 	const { activeBlockVariation, variations, isContentOnly } = useSelect(
@@ -215,5 +216,6 @@ function __experimentalBlockVariationTransforms( { blockClientId } ) {
 		/>
 	);
 }
+/* eslint-enable react-hooks/rules-of-hooks */
 
 export default __experimentalBlockVariationTransforms;
diff --git a/packages/block-editor/src/components/copy-handler/index.js b/packages/block-editor/src/components/copy-handler/index.js
@@ -8,6 +8,7 @@ import deprecated from '@wordpress/deprecated';
  */
 import useClipboardHandler from '../writing-flow/use-clipboard-handler';
 
+/* eslint-disable react-hooks/rules-of-hooks */
 /**
  * @deprecated
  */
@@ -19,6 +20,7 @@ export const __unstableUseClipboardHandler = () => {
 	} );
 	return useClipboardHandler();
 };
+/* eslint-enable react-hooks/rules-of-hooks */
 
 /**
  * @deprecated

diff --git a/packages/block-editor/src/components/gradients/use-gradient.js b/packages/block-editor/src/components/gradients/use-gradient.js
@@ -54,6 +54,7 @@ export function getGradientSlugByValue( gradients, value ) {
 	return gradient && gradient.slug;
 }
 
+/* eslint-disable react-hooks/rules-of-hooks */
 export function __experimentalUseGradient( {
 	gradientAttribute = 'gradient',
 	customGradientAttribute = 'customGradient',
@@ -120,3 +121,4 @@ export function __experimentalUseGradient( {
 	}
 	return { gradientClass, gradientValue, setGradient };
 }
+/* eslint-enable react-hooks/rules-of-hooks */
diff --git a/packages/block-editor/src/components/rich-text/input-event.js b/packages/block-editor/src/components/rich-text/input-event.js
@@ -8,6 +8,7 @@ import { useEffect, useContext, useRef } from '@wordpress/element';
  */
 import { inputEventContext } from './';
 
+/* eslint-disable react-hooks/rules-of-hooks */
 export function __unstableRichTextInputEvent( { inputType, onInput } ) {
 	const callbacks = useContext( inputEventContext );
 	const onInputRef = useRef();
@@ -29,3 +30,4 @@ export function __unstableRichTextInputEvent( { inputType, onInput } ) {
 
 	return null;
 }
+/* eslint-enable react-hooks/rules-of-hooks */
diff --git a/packages/block-editor/src/hooks/block-style-variation.js b/packages/block-editor/src/hooks/block-style-variation.js
@@ -66,6 +66,7 @@ function OverrideStyles( { override } ) {
 	usePrivateStyleOverride( override );
 }
 
+/* eslint-disable react-hooks/rules-of-hooks */
 /**
  * This component is used to generate new block style variation overrides
  * based on an incoming theme config. If a matching style is found in the config,
@@ -180,6 +181,7 @@ export function __unstableBlockStyleVariationOverridesWithConfig( { config } ) {
 		</>
 	);
 }
+/* eslint-enable react-hooks/rules-of-hooks */
 
 /**
  * Retrieves any variation styles data and resolves any referenced values.

diff --git a/packages/components/src/custom-select-control-v2/custom-select.tsx b/packages/components/src/custom-select-control-v2/custom-select.tsx
@@ -82,6 +82,7 @@ const CustomSelectButton = ( {
 	);
 };
 
+/* eslint-disable react-hooks/rules-of-hooks */
 function _CustomSelect(
 	props: _CustomSelectInternalProps &
 		_CustomSelectProps &
@@ -157,5 +158,6 @@ function _CustomSelect(
 		</div>
 	);
 }
+/* eslint-enable react-hooks/rules-of-hooks */
 
 export default _CustomSelect;
diff --git a/packages/core-data/src/hooks/use-entity-record.ts b/packages/core-data/src/hooks/use-entity-record.ts
@@ -221,6 +221,7 @@ export default function useEntityRecord< RecordType >(
 	};
 }
 
+/* eslint-disable react-hooks/rules-of-hooks */
 export function __experimentalUseEntityRecord(
 	kind: string,
 	name: string,
@@ -233,3 +234,4 @@ export function __experimentalUseEntityRecord(
 	} );
 	return useEntityRecord( kind, name, recordId, options );
 }
+/* eslint-enable react-hooks/rules-of-hooks */
diff --git a/packages/core-data/src/hooks/use-entity-records.ts b/packages/core-data/src/hooks/use-entity-records.ts
@@ -142,6 +142,7 @@ export default function useEntityRecords< RecordType >(
 	};
 }
 
+/* eslint-disable react-hooks/rules-of-hooks */
 export function __experimentalUseEntityRecords(
 	kind: string,
 	name: string,
@@ -154,6 +155,7 @@ export function __experimentalUseEntityRecords(
 	} );
 	return useEntityRecords( kind, name, queryArgs, options );
 }
+/* eslint-enable react-hooks/rules-of-hooks */
 
 export function useEntityRecordsWithPermissions< RecordType >(
 	kind: string,

diff --git a/packages/core-data/src/hooks/use-resource-permissions.ts b/packages/core-data/src/hooks/use-resource-permissions.ts
@@ -209,6 +209,7 @@ function useResourcePermissions< IdType = void >(
 
 export default useResourcePermissions;
 
+/* eslint-disable react-hooks/rules-of-hooks */
 export function __experimentalUseResourcePermissions(
 	resource: string,
 	id?: unknown
@@ -219,3 +220,4 @@ export function __experimentalUseResourcePermissions(
 	} );
 	return useResourcePermissions( resource, id );
 }
+/* eslint-enable react-hooks/rules-of-hooks */