Полный календарь медленного рендеринга

Question

Я работаю с устаревшей кодовой базой, которая использует полный календарь (2.3.1) на портале, основанном на реакциях, для отображения представления ресурсов, как показано на прилагаемом рисунке.

Календарь начинает работать очень медленновсякий раз, когда я перемещаю дату вперед или назад или выбираю дату из палитры.Однако эта проблема возникает только тогда, когда в представлении ресурсов много столбцов, а столбцов меньше, например 4 или 5. Календарь работает отлично.

Есть ли способ повысить производительность в этом представлении?

Вот код, который инициализирует календарь:

$('#calendar').fullCalendar({
    themeSystem: 'bootstrap3',
    header: false,
    events: [],
    views: {
      multiColAgendaDay: {
        type: 'multiColAgenda',
        duration: { days: 1 },
        numColumns: employees.length,
        columnHeaders: employees,
      },
    },

    defaultView: defaultView,
    eventMouseover: this.eventMouseover,
    //eventMouseout: this.eventMouseout,
    eventClick: props.onSelectEvent,
    nowIndicator: true,
    dayClick: this.selectTimeSlot,
    eventDrop: this.eventDrop,
    changeView: this.changeView,
    eventResize: this.eventResize,
    windowResize: this.windowResize,
    slotDuration: '00:15',
    axisFormat: 'h:mmA',
    viewRender: this.viewRender,
    allDaySlot: false,
    eventRender: this.eventRender,
    minTime: convert12To24(openingTime, 'hh:mma'),
    maxTime: convert12To24(closingTime, 'hh:mma'),
    businessHours: {
      dow: [0, 1, 2, 3, 4, 5, 6],
      start: convert12To24(openingTime, 'hh:mma'),
      end: convert12To24(closingTime, 'hh:mma'),
    },
  });

Изменение представления:

 changeView = view => {
   this.calendarComponent.fullCalendar('changeView', view);
 };

Я НЕ МОГУ ИЗМЕНИТЬ СУЩЕСТВУЮЩУЮ БИБЛИОТЕКУ КАЛЕНДАРЯ И СДЕЛАЛ ЭТО СДЕЛАТЬ ТОЛЬКО