Предупреждение о ласточке появляется как при нажатии на событие, так и после загрузки компонента. Как настроить оповещение о swal, которое будет запускаться только после нажатия на событие, а не после каждого обновления компонента.
Демонстрация здесь: https://stackblitz.com/edit/react-2dmw2w
function Event({ event }) {
swal({
title: event.title,
text: `${event.description} ${event.id}`,
/*icon: "info",*/
buttons: true,
dangerMode: true,
})
.then((willDelete) => {
if (willDelete) {
swal("Poof! Your imaginary file has been deleted!", {
icon: "success",
});
} else {
swal("Your imaginary file is safe!");
}
});
///////
<Calendar
events={this.state.events}
startAccessor="start"
endAccessor="end"
defaultDate={moment().toDate()}
localizer={localizer}
components={{
event: Event
}}
/>