Assign key prop to html-overlay children that don't already have one …

…specified (#348)
uber · Mar 11, 2020 · a94e77d · a94e77d
1 parent 13cc857
commit a94e77d
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/modules/overlays/src/html-overlay.js b/modules/overlays/src/html-overlay.js
@@ -59,10 +59,11 @@ export default class HtmlOverlay<Props> extends Component<
     const renderItems = [];
     this.getItems()
       .filter(Boolean)
-      .forEach(item => {
+      .forEach((item, index) => {
         const [x, y] = this.getCoords(item.props.coordinates);
         if (this.inView([x, y])) {
-          renderItems.push(cloneElement(item, { x, y }));
+          const key = item.key === null || item.key === undefined ? index : item.key;
+          renderItems.push(cloneElement(item, { x, y, key }));
         }
       });