On closing a slide-over modal unable to listen to "close-modal" event

<x-filament::modal slide-over sticky-header sticky-footer width="5xl" id="my-modal">

<p>Here's my content</p>

</x-filament::modal>

<x-filament::modal slide-over sticky-header sticky-footer width="5xl" id="my-modal">

<p>Here's my content</p>

</x-filament::modal>

document.addEventListener('livewire:initialized', () => {
  Livewire.on('close-modal', ({id}) => {
  
      console.log('close-modal');
  
      if (id === 'my-modal') {
          Livewire.dispatch('bot::unsubscribe');
      }
  });
});

document.addEventListener('livewire:initialized', () => {
  Livewire.on('close-modal', ({id}) => {
  
      console.log('close-modal');
  
      if (id === 'my-modal') {
          Livewire.dispatch('bot::unsubscribe');
      }
  });
});