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

See facebook/react#25162

Author: shvlv

packages/block-editor/src/components/block-variation-transforms/index.js

@@ -138,6 +138,7 @@ function VariationsToggleGroupControl( {
 	);
 }
 
+/* eslint-disable react-hooks/rules-of-hooks */
 function __experimentalBlockVariationTransforms( { blockClientId } ) {
 	const { updateBlockAttributes } = useDispatch( blockEditorStore );
 	const { activeBlockVariation, variations } = useSelect(
@@ -206,5 +207,6 @@ function __experimentalBlockVariationTransforms( { blockClientId } ) {
 		/>
 	);
 }
+/* eslint-enable react-hooks/rules-of-hooks */
 
 export default __experimentalBlockVariationTransforms;

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

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 */

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 */

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.

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;

packages/compose/src/hooks/use-resize-observer/index.ts

@@ -13,6 +13,7 @@ import _useLegacyResizeObserver from './_legacy';
  */
 import type { ReactElement } from 'react';
 
+/* eslint-disable react-hooks/rules-of-hooks */
 // This is the current implementation of `useResizeObserver`.
 //
 // The legacy implementation is still supported for backwards compatibility.
@@ -47,6 +48,7 @@ function _useResizeObserver< T extends HTMLElement >(
 		}
 	} );
 }
+/* eslint-enable react-hooks/rules-of-hooks */
 
 /**
  * Sets up a [`ResizeObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Resize_Observer_API)

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 */

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,

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 */