From e57e8fe9adb302a23baa7a48e8a7ca445fe4bf5f Mon Sep 17 00:00:00 2001
From: nimanns <qwerty.nma@gmail.com>
Date: Sun, 15 Dec 2024 22:00:04 -0500
Subject: [PATCH] Bug fix: set last item to null once bookings component
 unmounts.

---
 .../routes/components/bookingTable/Bookings.tsx       | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/booking-app/components/src/client/routes/components/bookingTable/Bookings.tsx b/booking-app/components/src/client/routes/components/bookingTable/Bookings.tsx
index ba481b2..3eb9469 100644
--- a/booking-app/components/src/client/routes/components/bookingTable/Bookings.tsx
+++ b/booking-app/components/src/client/routes/components/bookingTable/Bookings.tsx
@@ -31,7 +31,7 @@ export const Bookings: React.FC<BookingsProps> = ({
   pageContext,
   calendarEventId,
 }) => {
-  const { bookingsLoading, reloadFutureBookings, fetchAllBookings, allBookings, loadMoreEnabled } =
+  const { bookingsLoading, setLastItem, fetchAllBookings, allBookings, loadMoreEnabled } =
     useContext(DatabaseContext);
   const allowedStatuses = useAllowedStatuses(pageContext);
 
@@ -45,9 +45,12 @@ export const Bookings: React.FC<BookingsProps> = ({
 
   const isUserView = pageContext === PageContextLevel.USER;
 
-  // useEffect(() => {
-  //   reloadFutureBookings();
-  // }, []);
+  useEffect(() => {
+    // reloadFutureBookings();
+    return ()=>{
+      setLastItem(null);
+    }
+  }, []);
 
   const filteredRows = useBookingFilters({
     pageContext,