Nested components

[beratmasat]

<tbody wire:sortable="editOrder">
            @foreach ($clientCategories as $category)

                // category-item component
                {{-- <tr class="flex bg-base-200" wire:sortable.item="{{ $category['id'] }}" wire:key="{{ $category['id'] }}">
                    <th wire:sortable.handle class="hover:cursor-grab">
                        <x-icon name="tni.drag-vertical" />
                    </th>
                    <td class="flex-1">
                        <h4>{{ $category['name'] }}</h4>
                    </td>
                    <td>
                        eylemler
                    </td>
                </tr> --}}

                <livewire:dashboard.components.category-item :$category />
            @endforeach
</tbody>

All components disappear in drag and drop operations?

Note: editOrder method is currently empty