From c8e20bff8b7dd90de9d267eb1f292939e25c8e7c Mon Sep 17 00:00:00 2001
From: Domas <domasx2@gmail.com>
Date: Thu, 1 Jun 2023 13:01:48 +0300
Subject: [PATCH] NodeGraph: Add "key" prop to context menu items (#69360)

add key to context menu items
---
 public/app/plugins/panel/nodeGraph/useContextMenu.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/public/app/plugins/panel/nodeGraph/useContextMenu.tsx b/public/app/plugins/panel/nodeGraph/useContextMenu.tsx
index cc99319ffa2..6e9b6b4db1c 100644
--- a/public/app/plugins/panel/nodeGraph/useContextMenu.tsx
+++ b/public/app/plugins/panel/nodeGraph/useContextMenu.tsx
@@ -201,16 +201,16 @@ function NodeHeader({ node, nodes }: { node: NodeDatum; nodes?: DataFrame }) {
     const fields = getNodeFields(nodes);
     for (const f of [fields.title, fields.subTitle, fields.mainStat, fields.secondaryStat, ...fields.details]) {
       if (f && f.values[node.dataFrameRowIndex]) {
-        rows.push(<FieldRow field={f} index={node.dataFrameRowIndex} />);
+        rows.push(<FieldRow key={f.name} field={f} index={node.dataFrameRowIndex} />);
       }
     }
   } else {
     // Fallback if we don't have nodes dataFrame. Can happen if we use just the edges frame to construct this.
     if (node.title) {
-      rows.push(<HeaderRow label={'Title'} value={node.title} />);
+      rows.push(<HeaderRow key="title" label={'Title'} value={node.title} />);
     }
     if (node.subTitle) {
-      rows.push(<HeaderRow label={'Subtitle'} value={node.subTitle} />);
+      rows.push(<HeaderRow key="subtitle" label={'Subtitle'} value={node.subTitle} />);
     }
   }