diff --git a/desktop/plugins/public/ui-debugger/ClientTypes.tsx b/desktop/plugins/public/ui-debugger/ClientTypes.tsx
index a135b3526..8883d176d 100644
--- a/desktop/plugins/public/ui-debugger/ClientTypes.tsx
+++ b/desktop/plugins/public/ui-debugger/ClientTypes.tsx
@@ -187,7 +187,8 @@ export type Tag =
| 'iOS'
| 'BloksBoundTree'
| 'BloksDerived'
- | 'TreeRoot';
+ | 'TreeRoot'
+ | 'Warning';
export type Inspectable =
| InspectableObject
diff --git a/desktop/plugins/public/ui-debugger/components/tree/Tree.tsx b/desktop/plugins/public/ui-debugger/components/tree/Tree.tsx
index c67f5a5a9..7e646484c 100644
--- a/desktop/plugins/public/ui-debugger/components/tree/Tree.tsx
+++ b/desktop/plugins/public/ui-debugger/components/tree/Tree.tsx
@@ -10,6 +10,7 @@
import {Id, ClientNode} from '../../ClientTypes';
import {OnSelectNode} from '../../DesktopTypes';
import React, {
+ CSSProperties,
Ref,
RefObject,
useEffect,
@@ -35,7 +36,7 @@ import {useVirtualizer} from '@tanstack/react-virtual';
import {ContextMenu} from './ContextMenu';
import {MillisSinceEpoch, useKeyboardControls} from './useKeyboardControls';
import {toTreeList} from './toTreeList';
-import {CaretDownOutlined} from '@ant-design/icons';
+import {CaretDownOutlined, WarningOutlined} from '@ant-design/icons';
const {Text} = Typography;
@@ -584,6 +585,10 @@ function nodeIcon(node: TreeNode) {
return