Pro Version: Error when hooking into dispatched event.

[GC-Max]

When you hook into the below dispatched Livewire event Laravel errors.

overlay-component.js

closeActiveComponent() {
            Livewire.dispatch(`${this.type}.closing`, this.activeComponent);

The error happens because the dispatch event is sending a string back as a parameter instead of an array.

I have submitted this PR to fix it upstream livewire/livewire#9163 but if it could be fixed in the pro version that would be really appreciated as currently it is impossible to hook into the modal.closing event and know which component has just closed.

[PhiloNL]

I'm not sure I follow. this.activeComponent is supposed to be a string. For example:

Livewire.on('modal.closing', (activeComponent) => {
    console.log(activeComponent); // c6accbe038dda1056e652fcc9c2ce1f1
})

The string is used internally to remove this specific instance from the state.

[GC-Max]

Yes the Javascript listener Livewire.on('modal.closing') expects and is able to handle receiving a string, but currently a PHP listener implementation will error if passed a string due to some unpacking happening in Livewire support files that expects there to be an array.

livewire/livewire#9163
Might give some more context to where this issue occurs in the PHP support files.

For example if you have this in your Livewire PHP class it would error before outputting the dd()

protected $listeners = ['modal.closing' => 'onModalClose'];

function onModalClose($activeComponent) {
     dd($activeComponent);
}