flag item customization only for default items

WordPress · Apr 17, 2024 · 086f577 · 086f577
1 parent 80f3545
commit 086f577
Showing 1 changed file with 11 additions and 5 deletions.
diff --git a/packages/components/src/tools-panel/tools-panel-item/hook.ts b/packages/components/src/tools-panel/tools-panel-item/hook.ts
@@ -125,11 +125,17 @@ export function useToolsPanelItem(
 	const isRegistered = menuItems?.[ menuGroup ]?.[ label ] !== undefined;
 
 	const isValueSet = hasValue();
-	// Notify the panel when an item's value has changed.
-	useEffect(
-		() => flagItemCustomization( isValueSet, label, menuGroup ),
-		[ isValueSet, menuGroup, label, flagItemCustomization ]
-	);
+	// Notify the panel when a default item's value has changed.
+	useEffect( () => {
+		if ( isShownByDefault )
+			flagItemCustomization( isValueSet, label, menuGroup );
+	}, [
+		isValueSet,
+		menuGroup,
+		label,
+		flagItemCustomization,
+		isShownByDefault,
+	] );
 
 	// Determine if the panel item's corresponding menu is being toggled and
 	// trigger appropriate callback if it is.