change hook

packages/block-editor/src/components/block-navigation/block-select-button.js

@@ -47,7 +47,7 @@ function BlockNavigationBlockSelectButton(
 	// If label is defined we prioritize it over possible possible
 	// block variation match title.
 	const blockDisplayName =
-		blockLabel !== blockType.title ? blockLabel : blockInformation.title;
+		blockLabel !== blockType.title ? blockLabel : blockInformation?.title;
 	const blockPositionDescription = getBlockPositionDescription(
 		position,
 		siblingBlockCount,

packages/block-editor/src/components/use-matching-variation-information/index.js

@@ -28,26 +28,21 @@ import { useSelect } from '@wordpress/data';
 // TODO write jsdoc example
 // TODO write tests
 export default function useMatchingVariationInformation( clientId ) {
-	const { attributes, name } = useSelect(
+	return useSelect(
 		( select ) => {
-			if ( ! clientId ) return {};
+			if ( ! clientId ) return null;
 			const { getBlockName, getBlockAttributes } = select(
 				'core/block-editor'
 			);
-			return {
-				attributes: getBlockAttributes( clientId ),
-				name: getBlockName( clientId ),
-			};
-		},
-		[ clientId ]
-	);
-	const displayInformation = useSelect(
-		( select ) => {
-			if ( ! ( name && attributes ) ) return null;
 			const { getBlockDisplayInformation } = select( 'core/blocks' );
-			return getBlockDisplayInformation( name, attributes );
+			const attributes = getBlockAttributes( clientId );
+			const name = getBlockName( clientId );
+			return (
+				name &&
+				attributes &&
+				getBlockDisplayInformation( name, attributes )
+			);
 		},
-		[ name, attributes ]
+		[ clientId ]
 	);
-	return displayInformation;
 }