diff --git a/desktop/plugins/public/ui-debugger/components/util/UIDebuggerMenuItem.tsx b/desktop/plugins/public/ui-debugger/components/util/UIDebuggerMenuItem.tsx
index 9b88dd90c..f2d397bbf 100644
--- a/desktop/plugins/public/ui-debugger/components/util/UIDebuggerMenuItem.tsx
+++ b/desktop/plugins/public/ui-debugger/components/util/UIDebuggerMenuItem.tsx
@@ -21,7 +21,7 @@ import React from 'react';
 export const UIDebuggerMenuItem: React.FC<{
   text: string;
   icon?: React.ReactNode;
-  onClick: () => void;
+  onClick?: () => void;
 }> = ({text, onClick, icon}) => {
   const instance = usePlugin(plugin);
 
@@ -36,8 +36,9 @@ export const UIDebuggerMenuItem: React.FC<{
   }
   return (
     <Menu.Item
+      disabled={onClick == null}
       onClick={() => {
-        onClick();
+        onClick?.();
         instance.uiState.isContextMenuOpen.set(false);
       }}>
       <Layout.Horizontal center gap="small">