Я пытаюсь уничтожить объект fullcalendar с помощью destroy, но я не могу это сделать. Что я делаю неправильно? Получена ошибка. Невозможно прочитать свойство 'destroy' из null
import { Calendar } from '@fullcalendar/core';
import dayGridPlugin from '@fullcalendar/daygrid';
import timeGridPlugin from '@fullcalendar/timegrid';
import listPlugin from '@fullcalendar/list';
var calendar = null;
function clearCalendar() {
calendar.destroy();
};
document.addEventListener('turbolinks:load', function() {
var calendarEl = document.getElementById('calendar');
calendar = new Calendar(calendarEl, {
plugins: [ timeGridPlugin],
defaultView: 'timeGridWeek',
allDaySlot: false,
eventClick: function(info) {
if (info.el.style.backgroundColor=='yellow'){
info.el.style.backgroundColor = 'red';
};
},
eventSources: [{
url: '/main.json'
}]
});
calendar.setOption('locale', 'hr');
calendar.render();
});
$(document).on('turbolinks:before-cache', clearCalendar);