title: livewire dispatchBrowserEvent is not triggering alert
body: <p>I have a livewire component which has an update() function to update the component when it changes. The update() function is called and updates the item in the database as required. At the end of this function i run a dispatchBrowserEvent() to confirm the update but the corresponding function in my js file is not being called and thus the alert is not being triggered.</p>
  <p>I have been using this method from the docs <a href="https://laravel-livewire.com/docs/2.x/events#browser" rel="nofollow noreferrer">https://laravel-livewire.com/docs/2.x/events#browser</a></p>
  <p>The livewire component:</p>
  <pre><code>&lt;?php
  
  namespace App\Http\Livewire;
  
  use App\Models\Item;
  use Livewire\Component;
  
  class EditItem extends Component
  {
      public int $item;
      public string $date = '';
  
      public function render()
      {
          return view('livewire.edit-item');
      }
  
      public function update()
      {
  
          $item             = Item::find( 1 );
          $item-&gt;date       = now();
  
          $item-&gt;save();
  
          $this-&gt;dispatchBrowserEvent('update-item', ['item' =&gt; $item-&gt;id, 'date' =&gt; $item-&gt;date]);
  
      }
  }
  
  </code></pre>
  <p>its blade file:</p>
  <pre><code>&lt;div&gt;
      &lt;button wire:click=&quot;update&quot;&gt;Update Me!&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  <p>in my app.js I have the following:</p>
  <pre><code>jQuery(document).ready( function($) {
      /** LIVEWIRE EVENT ACTIONS **/
      window.addEventListener('update-item', event =&gt; {
          alert( 'Date updated to: ' + event.detail.date + 'on item with id of ' + event.detail.item );
      })
  
  });
  </code></pre>