Renderhook Cannot Received Dispatched Event

FilamentView::registerRenderHook(
            PanelsRenderHook::BODY_START,
            fn (): string => Blade::render('@livewire(\'star-j-s\')'),
            scopes: [
                ListOrders::class,
            ]
        );

<div>
</div>

<script>
  console.log('rendered');
</script>

document.addEventListener('livewire:init', () => {
        Livewire.on('paymentSuccessful', event => {
})
// and ...
$wire.on('paymentSuccessful') // this throws an error saying $wire is undefined
// and...
window.addEventListener('paymentSuccessful', event => {

})