Problem with ag grid after using livewire

After using livewire the table component stopped working, it generates pagination sections but does not render columns with data, data is available in both places. Pagination shows the number of addresses correctly. There is code for x-table component and livewire component:

<div>
<button onclick="my_modal_3.showModal()" class="btn btn-primary">Add</button>
    <dialog id="my_modal_3" class="modal w-auto">
  <div class="modal-box">
    <form method="dialog">
      <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
    </form>
    @include('addresses.add')
  </div>
</dialog>
    <div id="myGrid" style="height: calc(100% - 2.5rem);" class="ag-theme-quartz"></div>
    <dialog id="my_modal_4" class="modal w-auto">
</dialog>
@script
<script  type="module">
    
        let gridApi;
        var filterParams = {
            maxNumConditions: 1,
            comparator: (filterLocalDateAtMidnight, cellValue) => {
                var dateAsString = cellValue;
                if (dateAsString == null) return -1;
                var dateParts = dateAsString.split('/');
                var cellDate = new Date(
                Number(dateParts[2]),
                Number(dateParts[1]) - 1,
                Number(dateParts[0])
                );

                if (filterLocalDateAtMidnight.getTime() === cellDate.getTime()) {
                return 0;
                }

                if (cellDate < filterLocalDateAtMidnight) {
                return -1;
                }

                if (cellDate > filterLocalDateAtMidnight) {
                return 1;
                }
                return 0;
            },
        };

        window.onload = function() {
            // Grid Options: Contains all of the grid configurations
            const gridOptions = {
                rowData: {!! $dane !!},
                
                // Column Definitions: Defines & controls grid columns.
                columnDefs: [
                    @foreach($columns as $index => $column)
                        { field: "{{ $column }}" },
                    @endforeach
                    { headerName: 'Options',
                        children: [
                            { 
                                field: 'id', 
                                headerName: 'Edit',
                                cellRenderer: 'btnCellRenderer', 
                                cellRendererParams: {
                                    buttonName: 'Edit',
                                    buttonClasses: ['bg-blue-500', 'hover:bg-blue-700', 'text-white', 'font-bold', 'px-2', 'rounded', 'mr-2'],
                                    clicked: function(field) {
                                        fetch(`/{!! $url !!}/` + field + '/edit')
                    .then(response => response.text())
                    .then(data => {
                       
                        // window.history.pushState(null,null, '/addresses/' + field + '/edit');
                        document.getElementById('my_modal_4').innerHTML = data;
                        my_modal_4.showModal()
                    })
                    .catch(error => console.error('Error:', error));
                                    }
                                },
                            },

                            { 
                                    field: 'id', 
                                    headerName: 'Delete',
                                    cellRenderer: 'btnCellRenderer', 
                                    cellRendererParams: {
                                        buttonName: 'Delete',
                                        url: "{!! $url !!}",
                                        isDeleteButton: true,
                                        buttonClasses: ['bg-red-500', 'hover:bg-red-700', 'text-white', 'font-bold', 'px-2', 'rounded', 'mr-2'],
                                        clicked: function(field) {
                                             // Pobierz aktualne dane z grida
                                                const currentData = gridApi.getModel().rowsToDisplay.map(row => row.data);
                                            // Znajdź index elementu do usunięcia
                                            const indexToRemove = currentData.findIndex(item => item.id === field);

                                            // Jeśli element został znaleziony, usuń go
                                            if (indexToRemove !== -1) {
                                                currentData.splice(indexToRemove, 1);

                                                // Zaktualizuj dane wewnątrz grida
                                                gridApi.setGridOption('rowData', currentData)
                                            }
                                            }
                                        } 
                            }
                ]},
                        
                    
                ],
                defaultColDef: {
                    flex: 1,
                    filter: true,
                },
                components: {
                            btnCellRenderer: BtnCellRenderer
                },
            };
            // Your Javascript code to create the grid
            const myGridElement = document.querySelector('#myGrid');
            gridApi = Grid(myGridElement, gridOptions);
        };
        </script>
@endscript
    </div>

livewire  component:
<div>
    <!-- Table is not rendering for some reason -->
    <x-table.table :url='"addresses"' :dane="$addresses" :columns="['street', 'country', 'city', 'zip_code']" ></x-table.table>
    
@script
<script type="module">
    const myGridElement = document.querySelector('#myGrid');              
</script>
 @endscript
</div>

There is php code:

<?php

namespace App\Livewire\Addresses;

use Livewire\Component;
use App\Models\Address;

class Index extends Component
{
    public function render()
    {
        $addresses = Address::where('is_active', 1)->get();
        // Trzeba zmienić render w controlerze ale nie generuje się tablica
        return view('livewire.addresses.index', [
            'addresses' => Address::where('is_active', 1)->get()
        ])->extends('layouts.main');
    }
}