fixing calendar issues

src/component/calendar/EventCalendar.jsx

@@ -11,20 +11,12 @@ const localizer = dayjsLocalizer(dayjs)
 const DnDCalendar = withDragAndDrop(Calendar)
 
 export default function EventCalendar({draggedEvent, setDraggedEvent}) {
-    const myEventsList = [
-      // {
-      //   title: 'title',
-      //   start: new Date('2024-12-18'),
-      //   end: new Date('2024-12-18'),
-      //   isAllDay: false,
-      // }
-    ]
+    const myEventsList = []
     const [myEvents, setMyEvents] = useState(myEventsList)
 
     const moveEvent = useCallback(
       ({ event, start, end, isAllDay: droppedOnAllDaySlot = false }) => {
-        const { isAllDay } = event
-
+        // const { isAllDay } = event
         // if (!allDay && droppedOnAllDaySlot) {
         //   event.allDay = true
         // }
@@ -35,13 +27,12 @@ export default function EventCalendar({draggedEvent, setDraggedEvent}) {
         setMyEvents((prev) => {
           const existing = prev.find((ev) => ev.id === event.id) ?? {}
           const filtered = prev.filter((ev) => ev.id !== event.id)
-          return [...filtered, { ...existing, start, end, allDay: event.allDay }]
-          // return [...prev, { ...event, start, end, allDay: event.allDay }]
+          // return [...filtered, { ...existing, start, end, allDay: event.allDay }]
+          return [...prev]
         })
       },
       [setMyEvents]
     )
-
     const [displayDragItemInCell, setDisplayDragItemInCell] = useState(true)
     
     
@@ -77,7 +68,8 @@ export default function EventCalendar({draggedEvent, setDraggedEvent}) {
           setMyEvents((prev) => {
             const idList = prev.map((item) => item.id)
             const newId = Math.max(...idList) + 1
-            return [...prev, { ...event, id: newId }]
+            // return [...prev, { ...event, id: newId }]
+            return [...prev, { ...event}]
           })
         },
         [setMyEvents]
@@ -90,12 +82,13 @@ export default function EventCalendar({draggedEvent, setDraggedEvent}) {
             return
           }
     
-          const { title } = draggedEvent
+          const { title, id } = draggedEvent
           const event = {
             title: title,
             start,
             end,
             isAllDay,
+            id
           }
           setDraggedEvent(null)
           newEvent(event)