Cannot drag events in DayGrid view calendar reinitialized via useState

[roelkoops]

Reduced Test Case

https://stackblitz.com/edit/fullcalendar-srcyda

Do you understand that if a reduced test case is not provided, we will intentionally delay triaging of your ticket?

• I understand

Which connector are you using (React/Angular/etc)?

React

Bug Description

When the initialView is set to ResourceDayGridMonth and there are no resources and events when the component renders for the first time, then rendering problems occur as soon as events and resources are loaded. It's for example not possible to drag/drop an event and eventClick isn't called when clicking on an event.

Steps to reproduce:

• open the test case

• click the 'Load' button

• try to drag the event to another slot (doesn't work)

• try to click on the event (doesn't work)

• now switch to the week-view, and then back to the month-view

• see that the event is draggable and clickable now

• set the initialView to 'ResourceTimeGridWeek'

• click the 'Load' button

• see that the problem does not occur with this (and other) views

[acerix]

The issues seems to be from using useState to reinitialise the calendar after any changes, this also causes other issues as in #7234.

You could instead supply the event "as a function" to avoid reinitializing it. https://fullcalendar.io/docs/events-function