javascript - Fullcalendar - Lägg till ikon till evenemang med eventRender


Jag försöker lägga till en svg-ikon med import { GoMail } från "react-icons/go";. Tyvärr verkar jag inte kunna hitta ett korrekt sätt att lägga till detta i mina injicerade HTML-element. Dessutom har jag följande fel:

arg.el.find är inte en funktion

Vilken typ ska jag använda för el-parametern i TypeScript och hur kan jag arbeta med react-icons för Fullcalendar?

onEventRender = (arg: {event: EventApi; el: HTMLElement; view: View;}) => {
    const start = arg.event.start ? moment(arg.event.start).format('LT') : null
    const end = arg.event.end ? moment(arg.event.end).format('LT') : null
    const event:any = arg.event
    const eventRecurrenceType = event.extendedProps.recurrenceType

    if (eventRecurrenceType) {

        const icon = <GoMail/>;
        arg.el.find('.noteContainer').append(icon);

        const notes = `<div class=${styles.noteContainer}>
                        <div class=${styles.numberOfNotes}>20</div>
                        <div class=${styles.noteIcon}>${icon}</div>
                       </div>`

        const eventDetails = `<div class=${styles.eventContainer}> 
                                <div>${start}-${end}</div>
                                ${notes}
                              </div>`

        const title = `<div class=${styles.eventTitle}>${arg.event.title}</div>`

        const recurrence = `<div>${eventRecurrenceType}</div>`

        arg.el.innerHTML = eventDetails + title + recurrence
    }

}

Tack!