کمک در رفع ارور pusher لاراول

یک اپلیکیشن پیام‌رسان که به کاربران امکان می‌دهد پیام‌هایی به همدیگر ارسال کنند
تنظیمات لازم را انجام و موارد کلید و غیره را در فایل config/broadcasting.php , env به انجام رساندم و با MessagController رویداد مربوطه را ارسال نمودم

            'driver' => 'pusher',
            'key' => env('PUSHER_APP_KEY'),
            'secret' => env('PUSHER_APP_SECRET'),
            'app_id' => env('PUSHER_APP_ID'),
            'options' => [
                'cluster' => 'ap2',
                'useTLS' => true
            ],
        ],```
ظاهرا همه چیز درسته ولی ارور میده 

فایل blade مربوطه کد اسکریپت زیر را شامل میشه:

 ```  <script src="https://js.pusher.com/4.1/pusher.min.js"></script>

        <script>
          Pusher.logToConsole = true;

          window.Echo = new Echo({
            broadcaster: 'pusher',
            key: '2abde4c59247e0fab6d5',
            cluster: 'ap2',
            forceTLS: true
            logToConsole: true
          });

          Echo.private('user.{{ $user_id }}')
          .listen('NewMessageNotification', (e) => {
              alert(e.message.message);
          });
        </script>```

و اور زیر را دارم:
```Pusher : Error : {"type":"WebSocketError","error":{"type":"PusherError","data":{"code":null,"message":"Invalid key in subscription auth data: 'e8d36cf1b7afd58ca23c'"}}}```
```Pusher : Error : {"type":"WebSocketError","error":{"type":"PusherError","data":{"code":1006}}}```
```Pusher : Event sent : {"event":"pusher:ping","data":{}}
pusher.min.js:8 Pusher : Event recd : {"event":"pusher:pong","data":{}}```

ممنون میشم راهنمایی بفرمایید خیلی وقتم را گرفته
مرسی