Powergrid with livewire component in column

So I'm trying to create a dropdown menu in a table column, which I did. The problem occurs when I click the button, it doesn't matter if it's from the menu or the table. The table reloads but doesn't load the dropdown component anymore

<div x-data="{ open: false }" class="relative">
    <button @click="open = !open" class="btn btn-xs btn-outline relative z-10 rounded-full flex items-center">
        <template x-if="open">
            <x-icon name="heroicon-s-ellipsis-horizontal" class="w-5 h-5"/>
        </template>
        <template x-if="!open">
            <x-icon name="heroicon-s-ellipsis-horizontal-circle" class="w-5 h-5"/>
        </template>
    </button>

    <div x-show="open" @click.outside="open = false" class="absolute right-0 mt-2 z-20 w-48 bg-white rounded-md shadow-lg">
    @if(isset($table) && $table == 'role')
        <button 
            wire:click="$dispatch('permissions', { rowId: {{ $id }} })" 
            class="block w-full bg-gray-100 hover:bg-gray-200 text-left px-4 py-2 rounded-md" 
            id="permission' {{ $id }}'">
            Permisje
        </button>
    @endif
        <button 
        wire:click="$dispatch('editUser', { rowId: {{ $id }}, userName: '{{ $userName }}' })" 
            class="block w-full bg-gray-100 hover:bg-gray-200 text-left px-4 py-2 rounded-md" 
                id="Edit {{ $id }}">
            Edytuj
        </button>
        <button 
        wire:click="$dispatch('remove', { rowId: {{ $id }} })" 
            class="block w-full bg-gray-100 hover:bg-gray-200 text-left px-4 py-2 rounded-md" 
            id="Status' {{ $id }}'"
        >
            {{ $deleteLabel }}
        </button>
        @if(isset($table) && $table == 'user')
        <button 
        wire:click="$dispatch('addProfile', { rowId: {{ $id }}, userName: '{{ $userName }}', symbol: '{{ $symbol ?? '' }}' })"
            class="block w-full bg-gray-100 hover:bg-gray-200 text-left px-4 py-2 rounded-md" 
            id="Add' {{ $id }}'"
        >
            Dodaj profil
        </button>
        @endif
    </div>
</div>

 public function fields(): PowerGridFields
    {
        return PowerGrid::fields()
    ->add('selectButton', function ($row) {
        return Blade::render('
        <button 
            class="btn bg-gray-300 btn-xs mx-2"
            wire:click="$dispatch(\'selectUser\', JSON.parse(\'{\\u0022rowId\\u0022: ' . $row->id . '}\'))"
        >
            Wybierz
        </button>');
    })
    ->add('burger', function ($row) {
        $deleteLabel = $row->is_active == 1 ? 'Dezaktywuj' : 'Aktywuj';
        $table = 'user';
        return Blade::render(
            '<livewire:power-grid-components.burger-button-menu :id="$id" :user_name="$userName" :symbol="$symbol"  :deleteLabel="$deleteLabel" :table="$table"/>',
            [
                'id' => $row->id,
                'userName' => $row->user_name,
                'symbol' => $row->domain->symbol ?? '',
                'deleteLabel' => $deleteLabel,
                'table' => $table
            ]
        );
    })
            ->add('user_name')
            ->add('email')
            ->add('first_name')
            ->add('last_name')
            ->add('is_active', fn ($prop) => e($prop->is_active == 1 ? 'Aktywne' : 'Dezaktywowane'));
    }

    public function columns(): array
    {
        return [
            Column::make('Wybierz', 'selectButton')->bodyAttribute('sticky left-0')
            ->headerAttribute('sticky left-0 h-fit'),
            Column::make('Opcje', 'burger'),
            Column::make('Login', 'user_name') // Jeżeli jest tak zamiast "Nazwa użytkownika" to cała tabela mieści się na raz bez scrolla
                ->sortable()
                ->searchable(),

            Column::make('Imię', 'first_name')
                ->sortable()
                ->searchable(),

            Column::make('Nazwisko', 'last_name')
                ->sortable()
                ->searchable(),

            Column::make('Email', 'email')
                ->sortable()
                ->searchable(),



            
        ];
    }

    
    
    #[\Livewire\Attributes\On('editUser')]
    public function edit($rowId, $userName): void
    {
        $this->dispatch('editUser', [$rowId, $userName])->to(UserIndex::class);
    }

    #[\Livewire\Attributes\On('remove')]
    public function deleteRow($rowId)
    {
        $user = User::find($rowId);

        if (!$user) {
            return response()->json(['message' => 'Użytkownik nie został znaleziony.']);
        }
        if ( $user->is_active==false) {
            $user->is_active=true;
            $user->save();
            return response()->json(['message' => 'Użytkownik został pomyślnie aktywowany.']);
        }
        $user->is_active=false;


        $user->save();
    }

    #[\Livewire\Attributes\On('selectUser')]
    public function select($rowId): void
    {
        $this->selectRowUser = $rowId;
        $this->dispatch('selectUser', [$rowId])->to(UserIndex::class);
    }

    #[\Livewire\Attributes\On('addProfile')]
    public function addProfile($rowId, $userName, $symbol): void
    {
        $this->dispatch('addProfile', [$rowId, $userName, $symbol])->to(UserIndex::class);
    }