title: laravel livewire click is not triggering
body: <p>below is my <code>App/Http/Livewire/Test.php</code> file</p>
  <pre><code>&lt;?php
  
  namespace App\Http\Livewire;
  
  use Livewire\Component;
  
  class Test extends Component
  {
      public $name = 'mike';
  
      public function render(){
          return view('livewire.test');
      }
      public function clickTest(){
          $this-&gt;name = 'Joe';
      }
  }
  </code></pre>
  <p>below is my <code>resources/views/livewire/test.blade.php</code></p>
  <pre><code>&lt;div&gt;
      hello {{$name}}
  &lt;/div&gt;
  </code></pre>
  <p>and below is my <code>resources/views/test.blade.php</code></p>
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;test page&lt;/title&gt;
      @livewireStyles
      &lt;script src=&quot;{{ asset('js/app.js') }}&quot;&gt;&lt;/script&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;{{ asset('css/app.css') }}&quot;&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div&gt;
          &lt;livewire:test /&gt;   //this line is working fine
          &lt;button wire:click=&quot;clickTest&quot;&gt;test&lt;/button&gt;  //this line is not working
      &lt;/div&gt;
  
  
      @livewireScripts
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>I am able to get <code>hello mike</code> on page load but when I click on the test button it's not changing to <code>Joe</code>. When I checked on my network tab, it looks like the click event is not even triggered and it's not able to reach <code>clickTest()</code> function</p>