Estoy tratando de actualizar Fullcalendar en v5 en mi aplicación angular. Intento mostrar una información sobre herramientas cuando el mouse está sobre un evento. He importado la información sobre herramientas de la biblioteca y Popper como se menciona en los documentos de Fullcalendar, pero no aparece nada cuando termino un evento.

 this.calendarOptions = { timeZone: 'UTC', initialView: 'resourceTimelineDay', aspectRatio: 1.5, resourceAreaWidth: '200px', slotMinWidth: 300, contentHeight: 1000, height: 1000, headerToolbar: { left: 'prev,next', center: 'title', right: 'resourceTimelineDay,resourceTimelineWeek,resourceTimelineMonth' }, editable: true, resourceAreaHeaderContent: 'Rooms', resources: this._resources, events: evts, eventContent: function(arg) { let divEl = document.createElement('div'); let htmlTitle = arg.event._def.extendedProps['html']; if (arg.event.extendedProps.isHTML) { divEl.innerHTML = htmlTitle; } else { divEl.innerHTML = arg.event.title + '<br><span style="color: #0a0a0a">' + arg.event.title + '</span>'; } let arrayOfDomNodes = [divEl]; return { domNodes: arrayOfDomNodes }; }, eventDidMount: function(info) { var tooltip = new Tooltip(info.el, { title: info.event.extendedProps.description, placement: 'top', trigger: 'hover', container: 'body' }); } }

Alguien sabe cual es el problema? ¿Qué estoy haciendo mal?

Gracias :)