listener not working via echo

<x-filament-panels::page>
    {{ $record->name }}

    @foreach ($record->unAnsweredChatSessions as $chatSession)
        <a href="#" wire:click="fetchMessages({{ $chatSession->id }})">
            {{ $chatSession->oldestMessage->message }}
        </a>
        <br />
    @endforeach

    @if ($selectChatSessionId > 0)
        <div>
            <h2>Chat Session with {{ $selectChatSessionId }}</h2>
            <div>
                @foreach ($selectedSessionMessages->messages as $message)
                    <div>
                        {{ $message->message }} <br><br>
                    </div>
                @endforeach
            </div>
            <input type="text" wire:model="newMessage" />
            <input type="submit" wire:click="sendMessage" />
        </div>
    @endif
</x-filament-panels::page>
@script
    <script type="module">
        Echo.private(`new-chat-for-{{ $selectChatSessionId }}`)
            .listen('adminchatnotification', (e) => {
                $wire.$refresh()
            });
    </script>
@endscript

 public function getListeners()
    {
        return [
            "echo:adminchatnotification,.new-chat-for-{$this->selectChatSessionId}" => 'fetchMessages',
        ];
    }

    public function fetchMessages($selectChatSessionId)
    {
        dd('event captured');
    }