diff --git a/src/pages/VisProgPage/visualProgrammingUI/components/WarningSidebar.tsx b/src/pages/VisProgPage/visualProgrammingUI/components/WarningSidebar.tsx
index 204a474..3a44746 100644
--- a/src/pages/VisProgPage/visualProgrammingUI/components/WarningSidebar.tsx
+++ b/src/pages/VisProgPage/visualProgrammingUI/components/WarningSidebar.tsx
@@ -85,7 +85,10 @@ function WarningsList(props: { warnings: EditorWarning[] }) {
         <div className={styles.warningGroupHeader}>global:</div>
         <div className={styles.warningsList}>
           {splitWarnings.global.map((warning) => (
-            <WarningListItem warning={warning} />
+            <WarningListItem warning={warning} key={`${warning.scope.id}|${warning.type}` + warning.scope.handleId
+              ? `:${warning.scope.handleId}`
+              : ""}
+            />
           ))}
           {splitWarnings.global.length === 0 && "No global warnings!"}
         </div>
@@ -94,7 +97,10 @@ function WarningsList(props: { warnings: EditorWarning[] }) {
         <div className={styles.warningGroupHeader}>other:</div>
         <div className={styles.warningsList}>
           {splitWarnings.other.map((warning) => (
-            <WarningListItem warning={warning} />
+            <WarningListItem warning={warning} key={`${warning.scope.id}|${warning.type}` + warning.scope.handleId
+              ? `:${warning.scope.handleId}`
+              : ""}
+            />
           ))}
           {splitWarnings.other.length === 0 && "No other warnings!"}
         </div>
@@ -103,7 +109,7 @@ function WarningsList(props: { warnings: EditorWarning[] }) {
   );
 }
 
-function WarningListItem(props: { warning: EditorWarning }) {
+function WarningListItem(props: { warning: EditorWarning, key: string}) {
   const jumpToNode = useJumpToNode();
 
   return (