From 48b23a26edb2383abee9978a2b99eb4520a97f12 Mon Sep 17 00:00:00 2001
From: Steve 'Cutter' Blades <no.junk@cutterscrossing.com>
Date: Tue, 12 Jul 2022 07:36:32 -0500
Subject: [PATCH] fix: temp fix for DayColumn render (#2224)

This will work until we can refactor as a
functional component with hooks

Closes #2222
---
 src/DayColumn.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/DayColumn.js b/src/DayColumn.js
index 08021f513..c7ad246a4 100644
--- a/src/DayColumn.js
+++ b/src/DayColumn.js
@@ -38,13 +38,13 @@ class DayColumn extends React.Component {
     this.clearTimeIndicatorInterval()
   }
 
-  componentDidUpdate(prevProps, prevState) {
+  getSnapshotBeforeUpdate(prevProps) {
     if (!prevProps.selectable && this.props.selectable) this._selectable()
     if (prevProps.selectable && !this.props.selectable)
       this._teardownSelectable()
+  }
 
-    this.slotMetrics = this.slotMetrics.update(this.props)
-
+  componentDidUpdate(prevProps, prevState) {
     const { getNow, isNow, localizer, date, min, max } = this.props
     const getNowChanged = localizer.neq(prevProps.getNow(), getNow(), 'minutes')
 
@@ -115,7 +115,7 @@ class DayColumn extends React.Component {
       components: { eventContainerWrapper: EventContainer, ...components },
     } = this.props
 
-    let { slotMetrics } = this
+    let slotMetrics = this?.slotMetrics?.update?.(this.props) ?? {}
     let { selecting, top, height, startDate, endDate } = this.state
 
     let selectDates = { start: startDate, end: endDate }