Fix removing MultiValues that have identical values. Issue #4137 (#4154)

* Potential fix for issue #4137 * Added changeset Co-authored-by: Jed Watson <jed.watson@me.com>
JedWatson · Dec 12, 2020 · a0133f1 · a0133f1
1 parent 24ba870
commit a0133f1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/lazy-singers-applaud.md b/.changeset/lazy-singers-applaud.md
@@ -0,0 +1,5 @@
+---
+"react-select": patch
+---
+
+Creatable: Fixed removing MultiValues that have identical values. See issue #4137 for details.
diff --git a/packages/react-select/src/Select.js b/packages/react-select/src/Select.js
@@ -1521,7 +1521,7 @@ export default class Select extends Component<Props, State> {
             }}
             isFocused={isOptionFocused}
             isDisabled={isDisabled}
-            key={this.getOptionValue(opt)}
+            key={`${this.getOptionValue(opt)}${index}`}
             index={index}
             removeProps={{
               onClick: () => this.removeValue(opt),