Sortable dont work on change state in livewire

[fagnerdireito]

hi, i create one calendar based in html table, with livewire and i using SortableJs to change event between columns, but when i change next week the Sortable dont work anymore.

i try dispatch event 'navigate-week' but even so, the sortable continues to stop working

we can see the script code through the links below

javascript liveire:
https://cdn.discordapp.com/attachments/1126241425437241454/1179233314100490240/image.png?ex=6579099b&is=6566949b&hm=7b11834f069d0a5d3f189b6694f2f3284ddb7647f1713f9ffab4a6d07eb2a63c&

Blade:
https://cdn.discordapp.com/attachments/1126241425437241454/1179233314461208607/image.png?ex=6579099b&is=6566949b&hm=67d05d5f59931888354ce1ad1036a47d123812d40a0a5d3f543524e5217be344&

Screen:
https://cdn.discordapp.com/attachments/1126241425437241454/1179233314826092605/image.png?ex=6579099b&is=6566949b&hm=ade3655f4f1c9c9c6292a2dab460fbe8706bcf456ac6a2396f14aa6870378cd5&

  `document.addEventListener('livewire:initialized', function() {
		initializeSortable();
		@this.on('navigate-week', (event) => {
			initializeSortable();
		});
	});

	function initializeSortable() {
		var colunas = document.getElementsByClassName('col-event');
		for (var i = 0; i < colunas.length; i++) {
			let sortable = Sortable.create(colunas[i], {
				group: 'shared',
				animation: 150,
				ghostClass: 'ghost-sortable',
				chosenClass: "chosen",
				onEnd: function(evt) {
					var itemEl = evt.item;
					var oldIndex = evt.oldIndex;
					var newIndex = evt.newIndex;
					var oldDraggableId = evt.from
						.getAttribute(
							'id'
						);
					var newDraggableId = evt.to
						.getAttribute(
							'id');
					var old_date = oldDraggableId
						.substring(5);
					var new_date = newDraggableId
						.substring(5);
					var id = itemEl.id.substring(5);
					if (old_date !== new_date) {
						Livewire.dispatch(
							'reorder-event', {
								id: id,
								old_date: old_date,
								date: new_date
							});
					}
				},
			});
		};
	};
</script>`

Blade:

    `<tr>
			@foreach ($this->week as $day)
				<td
					class="col-event @if ($day['data'] === date('Y-m-d')) bg-slate-100 dark:bg-slate-700 dark:bg-opacity-25 @endif"
					style="width: 14.28%"
					id="drop_{{ $day['data'] }}"
					wire:key="drop_{{ $day['data'] }}"
					wire:click="addEvent('{{ $day['data'] }}')">
					@if (isset($day['eventos']))
						@foreach ($day['eventos'] as $event)
							@include('livewire.agenda.event-week', [
								'event' => $event,
							])
						@endforeach
					@endif
				</td>
			@endforeach
		</tr>`