laravel 11 channel and echo is not working

boostrap.js

import Echo from 'laravel-echo';

import Pusher from 'pusher-js';

window.Pusher = Pusher;

Pusher.logToConsole = true;

window.Echo = new Echo({ broadcaster: 'pusher', key: '622d9f20680f4c3d887a', cluster: 'mt1', forceTLS: true,

});

window.Echo.channel('my-channel') .listen('.my-update', (e) => { console.log('Updated:', e); document.getElementById('test-display').innerText = test; });

class TokenUpdated implements ShouldBroadcastNow {

use Dispatchable, SerializesModels;
public $message;

public function __construct($message)
{
    $this->message = $message;
    Log::info('event created', ['message' => $message]);
}

public function broadcastOn()
{
    return ['my-channel'];
}

public function broadcastAs()
{
    return 'my-update';
}

}

laraval log details [2024-10-19 15:23:49] local.INFO: event created {"message":"Someone"}

in log its working but in pusher its not coming any data but pusher is connected and receicve Event recd",{"event":"pusher_internal:subscription_succeeded","channel":"my-channel","data":{}}

but while creating event its not triggering

Route::get('test', function () {

event(new App\Events\TokenUpdated('Someone'));
return "Event has been sent!";

});

.env file QUEUE_CONNECTION=sync

what is the issuse in this how can i reslove this