Intento agregar una ventana emergente para Livewire, pero no funciona. No hay ayuda. Liveviwe View cuando hago clic en enviar, me regresa a ver Livewire sin hacer nada. ¿Alguien puede verificarlo y decirme dónde está el error?

 <div> <button type="button" class="p-2 m-2 btn btn-success" data-toggle="modal" data-target="#form"> <div class="modal fade" id="form" tabindex="-1" role="dialog" aria-labelledby="Label" aria-hidden="true"> <div class="modal-dialog" role="document"> <form class="form-horizontal" wire:submit.prevent="addName"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="Label"> Add new name</h5> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body"> <div class="form-row"> <div class="form-group col-md-6"> <label for="name">name :</label> <input type="text" class="form-control" id="name" name="name" placeholder="Name" wire:model="name"> @error('name') <p class="text-danger">{{ $message }}</p> @enderror </div> </div> <div class="form-group"> <label for="inputAddress">notes:</label> <textarea name="notes" id="notes" class="form-control" placeholder="notes" wire:model="notes"></textarea> </div> </div> <div class="modal-footer"> <button type="submit" class="btn btn-success">Save</button> </div> </div> </div> </form> </div> </div>

Componente Livevire

 public function addName() { dd('here test'); }