From 86ebd3d6730a8e3c0237f82d58c2c15fbe2048ae Mon Sep 17 00:00:00 2001
From: FoxxMD <FoxxMD@users.noreply.github.com>
Date: Thu, 23 Jul 2026 14:34:52 +0000
Subject: [PATCH] fix(ui): Only render component details when data is present

---
 src/client/components/msComponent/MSComponentDetailed.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/client/components/msComponent/MSComponentDetailed.tsx b/src/client/components/msComponent/MSComponentDetailed.tsx
index ee680eff..798c51dd 100644
--- a/src/client/components/msComponent/MSComponentDetailed.tsx
+++ b/src/client/components/msComponent/MSComponentDetailed.tsx
@@ -11,7 +11,6 @@ import {
     useSSEContext,
     useSSEAnyEvent
 } from "@flamefrontend/sse-runtime-react";
-import { isComponentTypeSource } from "../../../core/Atomic.js";
 import { Link } from "react-router";
 import { CountLiveIndicator, DateIndicator, DeadLetterIndicator, QueuedIndicator } from "./Stats.js";
 import { ListContainerFilterable } from "../playActivity/ActivityList.js";
@@ -225,7 +224,7 @@ export const ComponentDetailedFetchable = (props: { componentId: number }) => {
     });
 
     let rendered;
-    if (isPending && data === undefined) {
+    if (data === undefined) {
         rendered = <ComponentDetailedSkeleton />
     } else if (isError) {
         rendered = <ErrorAlert error={error} />
-- 
2.51.2