not able to add events in calendar

[NetDevM]

export default [
{ title: 'DTS STARTS', start: new Date(2020, 8, 20), end: new Date(2020, 8, 23), bgColor: '#D9D9D9' } ];

above is the event data

and below is fullcalendar.js

``import React, { Component } from 'react';
import BigCalendar from 'react-big-calendar';
import moment from 'moment';
import 'react-big-calendar/lib/css/react-big-calendar.css';
import './FullCalendar.css';
import events from './events';

BigCalendar.momentLocalizer(moment);

class FullCalendar extends Component {
render() {
const views = ['month', 'week', 'day'];
const messages = {
previous: 'back',
next: 'next'
};
const eventsdata=events;

return (
  <div className="full-calendar-wrapper">
    <BigCalendar
      events={eventsdata}
      startAccessor="startDate"
      endAccessor="endDate"
      views={views}
      defaultView="month"
      messages={messages}
      selectable
      onSelectEvent={event => alert(event.title)}
      onSelectSlot={slotInfo =>
        alert(
          `selected slot: \n\nstart ${slotInfo.start.toLocaleString()} ` +
            `\nend: ${slotInfo.end.toLocaleString()}` +
            `\naction: ${slotInfo.action}`
        )
      }
    />
  </div>
);

}
}
``

export default FullCalendar;
https://snipboard.io/kMm2EC.jpg