stuck with livewire mapchecker

resources/views/livewire/map-checker.blade.php

@@ -1,3 +0,0 @@
-<div>
-    {{ $this->table }}
-</div>

resources/views/livewire/mapchecker.blade.php

@@ -0,0 +1,5 @@
+<div @mapchecker.window="console.log('match_id', $event.detail.match_id, 'event_id', $event.detail.event_id);">
+    {{ $this->table }}
+</div>
+{{-- @notify="alert($event.detail.message)" --}}
+{{-- @wire.set --}}

resources/views/livewire/mapper-left.blade.php

@@ -1,5 +1,5 @@
 <div>
-    <ul class="drag-and-drop__items" x-on:dragover.prevent="removing = true" x-on:dragleave.prevent="removing = false">
+    <ul class="drag-and-drop__items">
         {{ $this->table }}
     </ul>
 </div>

resources/views/livewire/mapper-right.blade.php

@@ -1,5 +1,5 @@
 <div>
-    <ul class="drag-and-drop__items" x-on:dragover.prevent="removing = true" x-on:dragleave.prevent="removing = false">
+    <ul class="drag-and-drop__items">
         {{ $this->table }}
     </ul>
 </div>

resources/views/livewire/top-menu-items.blade.php

@@ -20,7 +20,7 @@
                 Event Mapper
             </x-slot>
 
-            <div class="grid grid-cols-2 gap-4 drag-and-drop text-sm" x-data="{ adding: false, removing: false }">
+            <div class="grid grid-cols-2 gap-4 drag-and-drop text-sm" x-data="{ event_id: 0, match_id: 0, overleftcolumn: false, overrightcolumn: false }">
                 <div>
                     @livewire('mapper-left')
                 </div>
@@ -32,8 +32,8 @@
 
 
         {{-- START MAP CHECKER MODAL --}}
-        <x-filament::modal @map-checker.window="isOpen = true">
-            @livewire('map-checker')
+        <x-filament::modal @mapchecker.window="isOpen = true">
+            @livewire('mapchecker', ['match_id' => $event . detail . match_id])
         </x-filament::modal>
         {{-- END MAP CHECKER MODAL --}}