calendar fix

src/component/calendar/EventCalendar.jsx

@@ -10,7 +10,7 @@ const localizer = dayjsLocalizer(dayjs)
 
 const DnDCalendar = withDragAndDrop(Calendar)
 
-export default function EventCalendar({draggedEvent, setDraggedEvent, formatName}) {
+export default function EventCalendar({draggedEvent, setDraggedEvent}) {
     const myEventsList = []
     const [myEvents, setMyEvents] = useState(myEventsList)
 
@@ -34,7 +34,6 @@ export default function EventCalendar({draggedEvent, setDraggedEvent, formatName
     )
 
     const [displayDragItemInCell, setDisplayDragItemInCell] = useState(true)
-    const [counters, setCounters] = useState({ item1: 0, item2: 0 })
     
     const eventPropGetter = useCallback(
         (event) => ({
@@ -80,24 +79,17 @@ export default function EventCalendar({draggedEvent, setDraggedEvent, formatName
             return
           }
     
-          const { name } = draggedEvent
+          const { title } = draggedEvent
           const event = {
-            title: formatName(name, counters[name]),
+            title: title,
             start,
             end,
             isAllDay,
           }
           setDraggedEvent(null)
-          setCounters((prev) => {
-            const { [name]: count } = prev
-            return {
-              ...prev,
-              [name]: count + 1,
-            }
-          })
           newEvent(event)
         },
-        [draggedEvent, counters, setDraggedEvent, setCounters, newEvent]
+        [draggedEvent, setDraggedEvent, newEvent]
       )
     
       const resizeEvent = useCallback(
@@ -118,7 +110,7 @@ export default function EventCalendar({draggedEvent, setDraggedEvent, formatName
                 displayDragItemInCell ? dragFromOutsideItem : null
                 }
                 draggableAccessor="isDraggable"
-                eventPropGetter={eventPropGetter}
+                // eventPropGetter={eventPropGetter}
             localizer={localizer}
             events={myEvents}
             startAccessor="start"