title: Laravel Livewire component not refreshing/reloading automatically after refreshing it
body: <p>So, I'm currently using <a href="https://laravel-livewire.com/" rel="nofollow noreferrer">Laravel Livewire</a> in one of my projects. But when I try emit an event from one component to another component by magic mathod <code>$refresh</code> , its refreshing (got the dom in xhr request ) the total component but the Front end is not updating realtime.</p>
  <p><code>ProductReviewForm.php</code> Component:</p>
  <pre class="lang-php prettyprint-override"><code>public function save()
  {
      //some functionalities .... 
      $this-&gt;emit('reviewSectionRefresh');
  }
  </code></pre>
  <p><code>ProductReviewSection.php</code> Component:</p>
  <pre class="lang-php prettyprint-override"><code>protected $listeners = [
      'reviewSectionRefresh' =&gt; '$refresh',
  ];
  
  public function render()
  {
      $this-&gt;review_lists = ProductReview::orderBy('id', 'DESC')-&gt;get();
  
      return view('livewire.desktop.product-review-section');
  } 
  </code></pre>
  <p>So I want to emit the <code>reviewSectionRefresh</code> event to be emitted whenever I call <code>save()</code> function from First component, That should be listened by <code>$listeners</code> from other component. This is working fine. also in xhr I'm getting the refreshed dom but the component in frontend is not updating. Hoping anyone working with Livewire may help with that.</p>