Block Editor: Fix the issue with block style preview when example mis…

…sing (#29894)
WordPress · Mar 16, 2021 · 5acf1e9 · 5acf1e9
1 parent 642f2c5
commit 5acf1e9
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/packages/block-editor/src/components/block-switcher/block-styles-menu.js b/packages/block-editor/src/components/block-switcher/block-styles-menu.js
@@ -17,10 +17,8 @@ import {
 import BlockStyles from '../block-styles';
 import PreviewBlockPopover from './preview-block-popover';
 
-export default function BlockStylesMenu( {
-	hoveredBlock: { name, clientId },
-	onSwitch,
-} ) {
+export default function BlockStylesMenu( { hoveredBlock, onSwitch } ) {
+	const { name, clientId } = hoveredBlock;
 	const [ hoveredClassName, setHoveredClassName ] = useState();
 	const blockType = useSelect(
 		( select ) => select( blocksStore ).getBlockType( name ),
@@ -43,7 +41,7 @@ export default function BlockStylesMenu( {
 									},
 									innerBlocks: blockType.example.innerBlocks,
 							  } )
-							: cloneBlock( blockType, {
+							: cloneBlock( hoveredBlock, {
 									className: hoveredClassName,
 							  } )
 					}