Add warning with invalid sources

WordPress · Sep 3, 2024 · 798d4dd · 798d4dd
1 parent 9d4f918
commit 798d4dd
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/block-editor/src/hooks/block-bindings.js b/packages/block-editor/src/hooks/block-bindings.js
@@ -96,16 +96,20 @@ function BlockBindingsAttribute( { attribute, binding } ) {
 	const { source: sourceName, args } = binding || {};
 	const sourceProps =
 		unlock( blocksPrivateApis ).getBlockBindingsSource( sourceName );
+	const isUndefined = ! sourceProps;
 	return (
 		<VStack>
 			<Truncate>{ attribute }</Truncate>
 			{ !! binding && (
 				<Text
-					variant="muted"
+					variant={ ! isUndefined && 'muted' }
 					className="block-editor-bindings__item-explanation"
+					isDestructive={ isUndefined }
 				>
 					<Truncate>
-						{ args?.key || sourceProps?.label || sourceName }
+						{ ! sourceProps
+							? __( 'Invalid source' )
+							: args?.key || sourceProps?.label || sourceName }
 					</Truncate>
 				</Text>
 			) }