[REACT] Events do not render given a specific lifecycle sequence

[chuckn0rris]

Works well in vanilla

bryntum-reproduction.zip

Forum post

In React, when post-processing of backend responses is required, it is a very common pattern to use React.useMemo to memoize the results. For example

const processedEventsArray = React.useMemo(()=>{
    return rawResponse ? processServerResponse(rawResponse) : [];
}, [rawResponse]);

So on first run of the code, processedEventsArray is an empty array until the server response is received and processed. With this context, if the Scheduler is provided empty arrays for events/assignments/resources initially and then subsequently provided populated events and assignments first, then followed by resources, events are not rendered by the Scheduler. If the sequence is adjusted to resources array first, then events and assignments arrays, then the events are rendered. However since these are parallel async calls to backend, we are unable to guarantee the sequencing of data load.

Attached is a reproduction repo with both the working and non-working sequences of events.