Estoy usando el paquete @fullcalendar/react para crear un calendario en el sitio web de mi panel de administración. Lo que quiero es permitir que los administradores agreguen eventos y aparecerán en el calendario completo de la base de datos de firebase firestore.

Pero cuando busco mi colección de eventos, simplemente no muestra nada en el calendario.

¿Qué estoy haciendo mal? ¿Por qué no aparecen los eventos?

Aquí está el registro de la consola de mi matriz eventsData.

Aquí está mi código:

 import FullCalendar from "@fullcalendar/react"; import dayGridPlugin from "@fullcalendar/daygrid"; import interactionPlugin, { Draggable } from "@fullcalendar/interaction"; import BootstrapTheme from "@fullcalendar/bootstrap"; import firebase from '../../firebase'; const Calender = props => { const [eventsData, setEventsData] = useState({}) const getEventsData = async () => { await firebase.firestore().collection("Events").get().then((snapshot) => { const events = snapshot.docs.map(event => event.data()); setEventsData(events) console.log(events) }).catch((e) => { console.log(e + "fetching error") }) } useEffect(() => { getEventsData() },[]) return( <FullCalendar plugins={[ BootstrapTheme, dayGridPlugin, interactionPlugin, ]} slotDuration={"00:15:00"} handleWindowResize={true} themeSystem="bootstrap" headerToolbar={{ left: "prev,next today", center: "title", right: "dayGridMonth,dayGridWeek,dayGridDay", }} events={eventsData} editable={true} droppable={true} selectable={true} /> ) }