Make Product SKU editable (#8804)

woocommerce · Mar 22, 2023 · 32ba22d · 32ba22d
1 parent 003d2d8
commit 32ba22d
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/assets/js/atomic/blocks/product-elements/sku/edit.tsx b/assets/js/atomic/blocks/product-elements/sku/edit.tsx
@@ -1,6 +1,7 @@
 /**
  * External dependencies
  */
+import { useBlockProps } from '@wordpress/block-editor';
 import type { BlockEditProps } from '@wordpress/blocks';
 import EditProductLink from '@woocommerce/editor-components/edit-product-link';
 import { ProductQueryContext as Context } from '@woocommerce/blocks/product-query/types';
@@ -17,6 +18,7 @@ const Edit = ( {
 	setAttributes,
 	context,
 }: BlockEditProps< Attributes > & { context: Context } ): JSX.Element => {
+	const blockProps = useBlockProps();
 	const blockAttrs = {
 		...attributes,
 		...context,
@@ -29,10 +31,10 @@ const Edit = ( {
 	);
 
 	return (
-		<>
+		<div { ...blockProps }>
 			<EditProductLink />
 			<Block { ...blockAttrs } />
-		</>
+		</div>
 	);
 };