fix error when calendar has new events but count does not exist

components/Organizer/EventsTab/EventsTab.tsx

@@ -124,15 +124,25 @@ export default function Events() {
 		if (eventsData && eventsData.length > 0) {
 			setEvents(
 				eventsData.map((event: EventData) => {
-					// TODO convert startTime and endTime here so we don't have to do it in the render function
-					const count = eventsCountData?.find((e: any) => e._id === event._id) || 0;
+					if (eventsCountData && eventsCountData.length > 0) {
+						// check counts data exist. if so, compute count for each event
+						const count = eventsCountData?.find((e: any) => e._id === event._id) || 0;
 
-					return {
-						key: event._id,
-						...event,
-						setCurEvent,
-						count: count,
-					};
+						return {
+							key: event._id,
+							...event,
+							setCurEvent,
+							count: count,
+						};
+					} else {
+						// counts data does not exist yet. set count to 0
+						return {
+							key: event._id,
+							...event,
+							setCurEvent,
+							count: 0,
+						};
+					}
 				})
 			);
 		}