From 58df350b78f50b0499a83ccc24d7d41caa9ed3d9 Mon Sep 17 00:00:00 2001
From: Darren Yu <YDL@YUDONGLING.NET>
Date: Mon, 24 Nov 2025 11:15:37 +0800
Subject: [PATCH] fix(dashboard): fix rendering error when multiple node have
 same name (same to #3037) (#320)

---
 src/component/Admin/Node/NodeSetting.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/component/Admin/Node/NodeSetting.tsx b/src/component/Admin/Node/NodeSetting.tsx
index 358d3d3..4094d2d 100644
--- a/src/component/Admin/Node/NodeSetting.tsx
+++ b/src/component/Admin/Node/NodeSetting.tsx
@@ -105,11 +105,11 @@ const NodeSetting = () => {
               <Typography variant="h6">{t("node.addNewNode")}</Typography>
             </BorderedCardClickable>
           </Grid>
-          {!loading && nodes.map((n) => <NodeCard key={n.name} node={n} onRefresh={fetchNodes} />)}
-          {loading && nodes.length > 0 && nodes.map((n) => <NodeCard key={`loading-${n.name}`} loading={true} />)}
+          {!loading && nodes.map((n) => <NodeCard key={n.id} node={n} onRefresh={fetchNodes} />)}
+          {loading && nodes.length > 0 && nodes.map((n) => <NodeCard key={`loading-${n.id}`} loading={true} />)}
           {loading &&
             nodes.length === 0 &&
-            Array.from(Array(5)).map((_, index) => <NodeCard key={`loading-${index}`} loading={true} />)}
+            Array.from(Array(5)).map((_, index) => <NodeCard key={`loading-placeholder-${index}`} loading={true} />)}
         </Grid>
         {count > 0 && (
           <Box sx={{ mt: 1 }}>