Modal blade component not opening on event dispatch.

Hello, I have the blade modal component as this
<x-filament::modal id="biodata" slide-over sticky-header sticky-footer width='5xl' :close-button="true" :close-by-clicking-away="true" icon="heroicon-o-information-circle">
    <x-slot name="heading">
        Biodata
    </x-slot>
    </x-slot>
    <x-slot name="description">
        Thank you for choosing us.
    </x-slot>
    <livewire:biodata /> 
    <x-slot name="footer">
        Footer
    </x-slot>
</x-filament::modal>
inside a custom blade file placed inside the views/filament/mypanel. I have a method
dispatchOnNext(string $name, ...$args)
whose implementation is just dispatching the event name and the params passed
Livewire.dispatch(name, params);
.I'm trying to open the modal above inside this method like this
dispatchOnNext('open-modal',{id:'biodata'})
. However the modal does not show up neither do i get any console errors. Testing with the
<x-slot name="trigger">..
in the blade component works just fine. Any help?Thank you.
Was this page helpful?