На событие события click-fullcalendar как отобразить всплывающее окно antd?

Question

Я работаю над реагирующим полным календарем, используя antd, поэтому я хочу показывать popover при нажатии на событие.

Для этого я написал следующий код.

import React, { Component } from 'react'
import $ from 'jquery';
import FullCalendar from "@fullcalendar/react";
export default class ScheduleCalendar extends Component {
calendarComponentRef = React.createRef();
state = {
    eventsList: [
      { title: "Event", start: new Date() }
    ]
  };
render() {
    return (
        <div>
            <div class="hide" id="popoverContent"></div>
            <FullCalendar
                plugins={[dayGridPlugin, interactionPlugin]}
                ref={this.calendarComponentRef}
                events={this.state.eventsList}
                eventClick={function(calEvent) {
                    $(calEvent.jsEvent.target).popover({
                            title: "Hii",
                            content: function () {
                               $("#popoverContent").append(`<div</div>`);
                                return $("#popoverContent").html();
                            },
                            container: 'body'
                        }).popover('show');    
                }}
            />
        </div>
    )
}

}