I cannot get Fullcalendar to showup

[jwhoami]

Hi,

I just cannot get the calendar widget to show the calendar. This is what I have done.

Installed laravel/livewire/filament

Installed fullcalendar

npm install \ @fullcalendar/core \ @fullcalendar/daygrid \ @fullcalendar/timegrid \ @fullcalendar/list

Installed filament calendar package

composer require saade/filament-fullcalendar

Created the widget
php artisan make:filament-widget CalendarWidget

Imported fullcalender in my app.js

`import './bootstrap';
import { Calendar } from '@fullcalendar/core';
import dayGridPlugin from '@fullcalendar/daygrid';
import timeGridPlugin from '@fullcalendar/timegrid';
import listPlugin from '@fullcalendar/list';

let calendar = new Calendar(calendarEl, {
plugins: [ dayGridPlugin, timeGridPlugin, listPlugin ],
initialView: 'dayGridMonth',
headerToolbar: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,listWeek'
}
});
`

Started laravel

php artisan serve

Access the dashboard and I see the following error in the console

Alpine Expression Error: calendarComponent is not defined
and
Uncaught ReferenceError: calendarComponent is not defined

Whay am I missing?

Thanks

[jwhoami]

Just to update. This issue was not related to anything with laravel/livewire/filament/fullcalendar-plugin.
It was my browser. I am on ubuntu 22.04 and using firefox installed vía snap.

I reinstalled firefox downloading from their site and uninstalled the snap version and the calendar showed
up right away.

So in my case the snap version of firefox on ubuntu 22.04 was to blame.

Just in case anyone else runs in to the same problem.