Add useIsDescendentOfSingleProductBlock hook to product rating block (#…

…9489)

assets/js/atomic/blocks/product-elements/rating/edit.tsx

@@ -10,7 +10,6 @@ import {
 import type { BlockEditProps } from '@wordpress/blocks';
 import { useEffect } from '@wordpress/element';
 import { ProductQueryContext as Context } from '@woocommerce/blocks/product-query/types';
-import { useSelect } from '@wordpress/data';
 
 /**
  * Internal dependencies
@@ -20,6 +19,7 @@ import withProductSelector from '../shared/with-product-selector';
 import { BLOCK_TITLE, BLOCK_ICON } from './constants';
 import { BlockAttributes } from './types';
 import './editor.scss';
+import { useIsDescendentOfSingleProductBlock } from '../shared/use-is-descendent-of-single-product-block';
 
 const Edit = ( {
 	attributes,
@@ -34,16 +34,10 @@ const Edit = ( {
 		...context,
 	};
 	const isDescendentOfQueryLoop = Number.isFinite( context.queryId );
-	const { isDescendentOfSingleProductBlock } = useSelect( ( select ) => {
-		const { getBlockParentsByBlockName } = select( 'core/block-editor' );
-		const blockParentBlocksIds = getBlockParentsByBlockName(
-			blockProps?.id?.replace( 'block-', '' ),
-			[ 'woocommerce/single-product' ]
-		);
-		return {
-			isDescendentOfSingleProductBlock: blockParentBlocksIds.length > 0,
-		};
-	} );
+	const { isDescendentOfSingleProductBlock } =
+		useIsDescendentOfSingleProductBlock( {
+			blockClientId: blockProps?.id,
+		} );
 
 	useEffect( () => {
 		setAttributes( { isDescendentOfQueryLoop } );