smarter about keys in timecol bg events

fullcalendar · Jun 9, 2020 · e3c05ab · e3c05ab
1 parent 11f32a5
commit e3c05ab
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/timegrid/src/TimeCol.tsx b/packages/timegrid/src/TimeCol.tsx
@@ -194,10 +194,11 @@ export class TimeCol extends BaseComponent<TimeColProps> {
 
     let children = segs.map((seg) => {
 
-      // inverse-background events don't have specific instances
-      // TODO: might be a key collision. better solution
       let { eventRange } = seg
-      let key = eventRange.instance ? eventRange.instance.instanceId : eventRange.def.defId
+      let key = eventRange.instance
+        ? eventRange.instance.instanceId
+        : eventRange.def.defId + ':' + eventRange.range.start.toISOString()
+          // inverse-background events don't have specific instances. TODO: better solution
 
       return (
         <div key={key} className='fc-timegrid-bg-harness' style={this.computeSegTopBottomCss(seg)}>
@@ -209,7 +210,7 @@ export class TimeCol extends BaseComponent<TimeColProps> {
       )
     })
 
-    return createElement(Fragment, {}, ...children)
+    return <Fragment>{children}</Fragment>
   }