diff --git a/apps/web/components/booking/BookingListItem.tsx b/apps/web/components/booking/BookingListItem.tsx
index 3a89cc9bc9..0ee17dac21 100644
--- a/apps/web/components/booking/BookingListItem.tsx
+++ b/apps/web/components/booking/BookingListItem.tsx
@@ -176,11 +176,12 @@ function BookingListItem(booking: BookingItemProps) {
setLocationMutation.mutate({ bookingId: booking.id, newLocation });
};
- // Extract recurring dates is intensive to run, so use useMemo.
- // Calculate the booking date(s) and setup recurring event data to show
- // @FIXME: This is importing the RRULE library which is already heavy. Find out a more optimal way do this.
- const [recurringStrings, recurringDates] = useMemo(() => {
- if (booking.recurringBookings !== undefined && booking.eventType.recurringEvent?.freq !== undefined) {
+ const [, recurringDates] = useMemo(() => {
+ if (
+ booking.recurringBookings !== undefined &&
+ booking.eventType.recurringEvent?.freq !== undefined &&
+ booking.recurringEventId
+ ) {
return extractRecurringDates(booking, user?.timeZone, i18n);
}
return [[], []];
@@ -275,13 +276,11 @@ function BookingListItem(booking: BookingItemProps) {
attendees={booking.attendees}
/>
-
{isPending && (