Alpine Expression Error: undefined

@vincent15000 Livewire3

@vincent15000 No , fresh installation of livewire3 and laravel 11 The conflicts is livewire with bootstrap modal, when I comment the Bootstrap js modal files livewire works well but when I un comment it gives error

This is the js files loaded:

<script src="{{ asset('assets/global/plugins/jquery-migrate.min.js') }}" type="text/javascript"></script>


<script src="{{ asset('assets/global/plugins/jquery-ui/jquery-ui.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/global/plugins/bootstrap/js/bootstrap.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/global/plugins/jquery.blockui.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/global/plugins/jquery.cokie.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/global/plugins/uniform/jquery.uniform.min.js') }}" type="text/javascript"></script>

<!-- END CORE PLUGINS -->
<script type="text/javascript" src="{{ asset('assets/js/bootstrap-datepicker.fa.min.js') }}"></script>

<script src="{{ asset('assets/js/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('assets/js/bootstrap-datetimepicker.min.js') }}"></script>




<!-- BEGIN PAGE LEVEL PLUGINS -->
<script type="text/javascript" src="{{ asset('assets/global/plugins/datatables/media/js/jquery.dataTables.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js') }}"></script>

<!-- END PAGE LEVEL PLUGINS -->

<script src="{{ asset('assets/admin/pages/scripts/table-editable.js') }}"></script>
<script src="{{ asset('assets/admin/pages/scripts/table-managed.js') }}"></script>

<script src="{{ asset('assets/admin/pages/scripts/components-pickers.js') }}"></script>



<script src="{{ asset('assets/global/scripts/metronic.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/admin/layout/scripts/layout.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/admin/layout/scripts/quick-sidebar.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/admin/layout/scripts/demo.js') }}" type="text/javascript"></script>
<!-- MODALS-->
<!-- <script src="{{ asset('assets/global/plugins/bootstrap-modal/js/bootstrap-modalmanager.js') }}" type="text/javascript"></script> -->
<!-- <script src="{{ asset('assets/global/plugins/bootstrap-modal/js/bootstrap-modal.js') }}" type="text/javascript"></script> -->
<!-- <script src="{{ asset('assets/admin/pages/scripts/ui-extended-modals.js') }}" type="text/javascript"></script> -->


 
 <script src="{{ asset('assets/myjs.js') }}" type="text/javascript"></script>


 <script src="{{ asset('assets/js/toastr.min.js') }}"></script>
<script>
    jQuery(document).ready(function() {
        Metronic.init(); // init metronic core components
        Layout.init(); // init current layout
        QuickSidebar.init(); // init quick sidebar
        Demo.init(); // init demo features
        ComponentsPickers.init();

    });

</script>

@Khudadad There are several UI kits based on Livewire, you should better use one of them.