From cd0a08a7be1f070c6b53875bc3d1d24527b5260d Mon Sep 17 00:00:00 2001
From: Dave Richer <dave@imexsystems.ca>
Date: Tue, 17 Sep 2024 12:34:11 -0400
Subject: [PATCH] IO-2932-Scheduling-Lag-on-AIO: Bump React-Big-Calendar

Signed-off-by: Dave Richer <dave@imexsystems.ca>
---
 .../scheduler-calendar-wrapper.component.jsx        | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/client/src/components/schedule-calendar-wrapper/scheduler-calendar-wrapper.component.jsx b/client/src/components/schedule-calendar-wrapper/scheduler-calendar-wrapper.component.jsx
index a261daf6a..ea2b60a44 100644
--- a/client/src/components/schedule-calendar-wrapper/scheduler-calendar-wrapper.component.jsx
+++ b/client/src/components/schedule-calendar-wrapper/scheduler-calendar-wrapper.component.jsx
@@ -75,6 +75,14 @@ export const ScheduleCalendarWrapperComponent = React.memo(function ScheduleCale
     [data, refetch]
   );
 
+  const calendarComponents = useMemo(
+    () => ({
+      event: eventComponent,
+      header: headerComponent
+    }),
+    [eventComponent, headerComponent]
+  );
+
   const onNavigate = useCallback(
     (date, view, action) => {
       const newSearch = { ...search, date: date.toISOString().substr(0, 10) };
@@ -167,10 +175,7 @@ export const ScheduleCalendarWrapperComponent = React.memo(function ScheduleCale
         min={minTime}
         max={maxTime}
         eventPropGetter={handleEventPropStyles}
-        components={{
-          event: eventComponent,
-          header: headerComponent
-        }}
+        components={calendarComponents}
         {...otherProps}
       />
     </>