正确使用设置状态来更新react Big Calender中的事件时出现问题

import React, { useState } from 'react';
import { Calendar, momentLocalizer } from 'react-big-calendar';
import moment from 'moment';

const localizer = momentLocalizer(moment);

const MyCalendar = () => {
  const [events, setEvents] = useState([
    {
      id: 1,
      title: 'Meeting',
      start: new Date(2023, 3, 1, 10, 0),
      end: new Date(2023, 3, 1, 12, 0),
    },
  ]);

  const handleSelect = ({ start, end }) => {
    const title = window.prompt('New Event name');
    if (title) {
      const newEvent = {
        id: Date.now(),
        title,
        start,
        end,
      };
      setEvents([...events, newEvent]);
    }
  };

  return (
    <div style={{ height: 500 }}>
      <Calendar
        localizer={localizer}
        events={events}
        startAccessor="start"
        endAccessor="end"
        onSelectSlot={handleSelect}
      />
    </div>
  );
};

export default MyCalendar;