primer
diff --git a/‎.changeset/fluffy-squids-hug.md
Copy file name to clipboard
+5Lines changed: 5 additions & 0 deletions b/‎.changeset/fluffy-squids-hug.md
Copy file name to clipboard
+5Lines changed: 5 additions & 0 deletions
diff --git a/‎packages/react/src/SelectPanel/SelectPanel.tsx
Copy file name to clipboardExpand all lines: packages/react/src/SelectPanel/SelectPanel.tsx
+4-2Lines changed: 4 additions & 2 deletions b/‎packages/react/src/SelectPanel/SelectPanel.tsx
Copy file name to clipboardExpand all lines: packages/react/src/SelectPanel/SelectPanel.tsx
+4-2Lines changed: 4 additions & 2 deletions
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+fix(SelectPanel): do not depend on id for selection comparison
@@ -391,11 +391,13 @@ function Panel({
       // For single-select modal, there is an intermediate state when the user has selected
       // an item but has not yet saved the selection. We need to check for this state.
       if (isSingleSelectModal) {
-        return intermediateSelected?.id === item.id
+        return intermediateSelected?.id !== undefined
+          ? intermediateSelected.id === item.id
+          : intermediateSelected === item
       }
 
       // For single-select anchored, we just need to check if the item is the selected item
-      return selected?.id === item.id
+      return selected?.id !== undefined ? selected.id === item.id : selected === item
     },
     [selected, intermediateSelected, isSingleSelectModal],
   )