FullCalendar 6切换视图时重合事件颜色互换Bug求助

我使用FullCalendar 6展示三个独立日历，代码如下：

document.addEventListener('DOMContentLoaded', function () {

  var calendarEl = document.getElementById('calendar');

  var calendar = new FullCalendar.Calendar(calendarEl, {
    height: 'auto',
    themeSystem: 'bootstrap5',
    locale: 'fr',
    buttonText: {
      week: 'S',
      list: 'L'
    },
    allDaySlot: false,
    nowIndicator: true,
    hiddenDays: [0, 6],
    initialView: 'timeGridWeek',
    slotMinTime: '08:00:00',
    slotMaxTime: '20:00:00',
    headerToolbar: {
      left: 'prev,next',
      center: 'title',
      right: 'timeGridWeek,listMonth'
    },
    dayMaxEvents: true, 
    displayEventTime: true,
    eventSources: [
      // 第一个日历
      {
        url: url1,
        color: '#FFCC00',
        textColor: 'black'
      },
      // 第二个日历
      {
        url: url2,
        color: '#2A7FFF',
        textColor: 'white'
      },
      // 第三个日历
      {
        url: url3,
        color: '#66C902',
        textColor: 'black'
      },
    ],
    eventContent: function (info) {
      // 获取事件标题
      var title = info.event.title;
      // 提取标题前两部分并换行显示
      var elements_temp = title.split(":");
      var displayTitle = elements_temp.slice(0, 2).join(":").replace(':', '\n');
      // 创建自定义事件元素
      var eventElement = document.createElement('div');
      eventElement.innerText = displayTitle;
      eventElement.style.backgroundColor = info.event.backgroundColor;
      return { domNodes: [eventElement] };
    },
    eventDidMount: function (info) {
      my_display = 'test'
      // 给事件绑定提示框
      tippy(info.el, {
        content: my_display,
        allowHTML: true,
        arrow: true,
      })
    },
    eventClick: function (info) {
      info.jsEvent.preventDefault(); // 阻止默认点击行为
    },
  });
  calendar.render();
});

切换前后视图时，同一时间/日期的重合事件会间歇性出现颜色互换的情况：原本属于不同日历的事件（对应固定背景色），在切换视图后偶尔会交换背景色，刷新后可能又恢复正常。

内容的提问来源于stack exchange，提问作者2WFR