title: Every time there's a new notification, my component does not recognize it
body: <p>i take care of frontend part using ReactJS of a Laravel project. Currently i implement the notifications with using Laravel Echo Server. I render and update State well  but the problem is every time there's a new notification, my component does not recognize it. Here is my Notifications component:</p>
  
  <pre><code>import React, {Component} from 'react';
  
  import Echo from "laravel-echo";
  
  class Notifications extends Component {
  
    constructor(props) {
      super(props);
  
      this.state = {
        userLogin: {}
      };
  
    }
  
    componentDidMount(){
      axios.post(laroute.route('api.get-users'))
        .then(res=&gt;{
          this.setState({
            userLogin:res.data.userLogin
          });
        })
        .catch(err=&gt;{
          console.log(err);
        })
  
      window.Echo.private('users.' + this.state.userLogin.id)
        .notification((notification) =&gt; {
          console.log(notification);
        });
  
    }
  
    render() {
      return (
        &lt;span&gt;
            Notifications
        &lt;/span&gt;
      )
    }
  }
  
  export default Notifications;
  </code></pre>
  
  <p>I tried to change ComponentDidMount to ConmponentWillMount but it still not working for the notification. Funny thing is that if i put those Listening For Notifications inside blade template, it works well:</p>
  
  <pre><code>@section('header')
   ....
  @endsection
  
  @section('after-scripts')
      &lt;script&gt;
  
          var userId= "{{ access()-&gt;user()-&gt;id  }}";
          window.Echo.private('users.' + userId)
              .notification((notification) =&gt; {
                  console.log(notification);
              });
  &lt;/script&gt;
  @endsection
  </code></pre>