Modal blade component not opening on event dispatch.

<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>

dispatchOnNext(string $name, ...$args)

Livewire.dispatch(name, params);

dispatchOnNext('open-modal',{id:'biodata'})

<x-slot name="trigger">..