Actualmente estoy reescribiendo el sitio web de mi fraternidad usando REACT.js. En la versión anterior del sitio, ya usaba FullCalendar para mostrar nuestro calendario de Google en el sitio web. Nuevo estoy usando exactamente el mismo método pero traducido para reaccionar. Pero el calendario no parece llenarse con la API. (Censuré mi clave por cierto)

El código para mi componente de calendario:

 import React, { Component } from 'react' import FullCalendar, { formatDate } from '@fullcalendar/react' import dayGridPlugin from '@fullcalendar/daygrid' import listPlugin from '@fullcalendar/list' import nlLocale from '@fullcalendar/core/locales/nl' import googleCalendarPlugin from '@fullcalendar/google-calendar' export default class fullCal extends Component { render() { return ( <FullCalendar locale={nlLocale} plugins={[dayGridPlugin, listPlugin, googleCalendarPlugin]} googleCalendarApiKey='mykey-SKL7JHxMn3Iblibblob22ijHXNGlI' events={[ { googleCalendarId: '86f3iqrt1q4vmua5pb0fb4q358@group.calendar.google.com', className: 'gcal-event' } ]} headerToolbar={{ left: 'prev,next', center: 'title', right: 'dayGridMonth,listWeek' }} initialView='dayGridMonth' editable={false} selectable={false} displayEventTime={true} eventTimeFormat={{ hour: '2-digit', minute: '2-digit', meridiem: false, hour12: false }} nextDayThreshold = '23:59:00' eventColor='#971849' eventTextColor='#ddd' firstDay={1} /> ) } }