Plugins Prop not working

Error: The FullCalendar view “dayGridMonth” does not exist. Make sure your plugins are loaded correctly.

import React from 'react';
import FullCalendar from '@fullcalendar/react';
import dayGridPlugin from '@fullcalendar/daygrid';
import '@fullcalendar/core/main.css';
import '@fullcalendar/daygrid/main.css';

const Calendar = props => {
    return <FullCalendar defaultView="dayGridMonth" plugins={ [dayGridPlugin] } />;
};

export default Calendar;

[ashvin777]

I was able to solve this by using the same version for all plugins. I was using a different versions by mistake which was leading to this issue. Using the same version for @fullcalendar npm modules resolves this problem.

Like below -

    "@fullcalendar/daygrid": "5.1.0",
    "@fullcalendar/interaction": "5.1.0",
    "@fullcalendar/moment-timezone": "5.1.0",
    "@fullcalendar/react": "5.1.0",
    "@fullcalendar/timegrid": "5.1.0",

[RoniqueRicketts]

I am experiencing this same issue. I have the following

"@fullcalendar/core": "^5.8.0",
    "@fullcalendar/daygrid": "^5.8.0",
    "@fullcalendar/interaction": "^5.8.0",
    "@fullcalendar/moment": "^5.8.0",
    "@fullcalendar/react": "^5.8.0",
    "@fullcalendar/timegrid": "^5.8.0",

in my package.json file and I am unable to use any of the events like select or dateClick. I am getting this error Error: viewType "dayGridMonth" is not available. Please make sure you've loaded all neccessary plugins Additionally, I have these props in the component

 plugins={[
         interactionPlugin,
         momentPlugin, 
         timeGridPlugin,
         dayGridPlugin, 
       ]}
       initialView='dayGridMonth'
       headerToolbar={headerOptions}
       editable={true}
       selectable={true}
       weekends
       businessHours={true}
       events={events}
       eventClick={handleEventClick}
       ```