Fix Cover block ref usage (#29354)

WordPress · Feb 26, 2021 · 8e43c3a · 8e43c3a
1 parent 628d854
commit 8e43c3a
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/block-library/src/cover/edit.js b/packages/block-library/src/cover/edit.js
@@ -362,7 +362,7 @@ function CoverEdit( {
 	const imperativeFocalPointPreview = ( value ) => {
 		const [ styleOfRef, property ] = isDarkElement.current
 			? [ isDarkElement.current.style, 'objectPosition' ]
-			: [ blockProps.ref.current.style, 'backgroundPosition' ];
+			: [ ref.current.style, 'backgroundPosition' ];
 		styleOfRef[ property ] = mediaPosition( value );
 	};
 
@@ -494,7 +494,8 @@ function CoverEdit( {
 		</>
 	);
 
-	const blockProps = useBlockProps();
+	const ref = useRef();
+	const blockProps = useBlockProps( { ref } );
 	const innerBlocksProps = useInnerBlocksProps(
 		{
 			className: 'wp-block-cover__inner-container',