Cannot Close Modal With Laravel Livewire Event

[dbarou55e]

Inside of a Laravel Livewire component, I dispatch an event to a listener containing some Javacript that calls the .hide() method on the modal. Unfortunately, the modal does not close.

JS code:

document.addEventListener('livewire:load', () => {
Livewire.on('closeModal', () => {
const myModal = new Modal(document.getElementById('createCustomerModal'));
myModal.hide();
});
});

Livewire Componant:

if ($userOrganization) {
// Establish the parent-child relationship
$userOrganization->children()->attach($organization->id, ['name' => 'some_relation_name']);
}

$this->dispatch('closeModal');
$this->reset();