Why is livewire dispatch not triggering the function?

<script>
        document.addEventListener('DOMContentLoaded', () => {
            initializeSortable();
        });

        function initializeSortable() {
            const sortableElement = document.getElementById('sortable');
            if (sortableElement) {
                const sortable = new Sortable(sortableElement, {
                    handle: '.sortable-handle',
                    animation: 150,
                    onEnd: (event) => {
                        const newOrder = Array.from(event.to.children).map(item => item.dataset.index);
                        Livewire.dispatch('reorder', newOrder);
                    },
                });
            }
        }
    </script>

    public function reorder(): void
    {
        dd("Hellow orld");
        $this->options = array_values($this->options);
    }