diff --git a/desktop/plugins/public/ui-debugger/components/sidebarV2/AttributesInspector.tsx b/desktop/plugins/public/ui-debugger/components/sidebarV2/AttributesInspector.tsx
index 61abfdde8..12d246bf5 100644
--- a/desktop/plugins/public/ui-debugger/components/sidebarV2/AttributesInspector.tsx
+++ b/desktop/plugins/public/ui-debugger/components/sidebarV2/AttributesInspector.tsx
@@ -224,30 +224,36 @@ function SubSection({
metadataMap: MetadataMap;
onDisplayModal: (modaldata: ModalData) => void;
}) {
+ const children = Object.entries(inspectableObject.fields).map(
+ ([key, value]) => {
+ const metadataId: number = Number(key);
+ const attributeMetadata = metadataMap.get(metadataId);
+ if (attributeMetadata == null) {
+ return null;
+ }
+ const attributeName =
+ upperFirst(attributeMetadata?.name) ?? String(metadataId);
+
+ return (
+
+ );
+ },
+ );
+ if (children.length === 0) {
+ return null;
+ }
return (
{attributeName}
- {Object.entries(inspectableObject.fields).map(([key, value]) => {
- const metadataId: number = Number(key);
- const attributeMetadata = metadataMap.get(metadataId);
- if (attributeMetadata == null) {
- return null;
- }
- const attributeName =
- upperFirst(attributeMetadata?.name) ?? String(metadataId);
-
- return (
-
- );
- })}
+ {children}
);
}