pusherを使ってリアルタイムチャットを実装したい

前提・実現したいこと

jaxとpusherを使ってリアルタイムのチャット機能をlaravelで書いていたのですが、リアルタイムに反映されません。ajaxでデータベースに保存はできているし、pusherの方には記録が残っているのですが、viewの方には反映されないです。下のコードでは、デベロッパーツールに反映されるように書いていますが、それも反映されないです。

該当のソースコード

$(document).ready(function () {
  $.ajaxSetup({
    headers: {
      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
  });
  $('.messageInputForm_input').keypress(function (event) {
    if (event.which === 13) {
      event.preventDefault();
      $.ajax({
        type: 'POST',
        url: '/chat/chat',
        data: {
          chat_room_id: chat_room_id,
          user_id: user_id,
          message: $('.messageInputForm_input').val(),
        },

      })

        .done(function (data) {
          //console.log(data);
          event.target.value = '';
        });
    }
    return false;
  });

  window.Echo.channel('ChatRoomChannel')
    .listen('ChatPusher', (e) => {
      console.log(e, e.message.user_id);
    });
});