Typescript: listen property does not exist on type 'Presence Channel'

I use laravel echo with Typescript and I have a problem on listen property, I receive a

TS2339: Property ‘listen’ does not exist on type ‘PresenceChannel’.

In this segment of code:

    echo.join(channel)
            .here((users) => {
                EventBusMain.$emit(EVENTS.HERE_MAIN_CHANNEL_EVENT, {users});
            })
            .joining((user) => {
                EventBusMain.$emit(EVENTS.JOIN_MAIN_CHANNEL_EVENT, {user});
            })
            .leaving((user) => {
                EventBusMain.$emit(EVENTS.LEAVE_MAIN_CHANNEL_EVENT, {user});
            })
            .listen('.event', (e) => {
                EventBusMain.$emit(e.event, e.data)
            });

The version of laravel echo I’m using is 1.5.4

[mengyang1229]

@willypuzzle @driesvints @Mathem8tic @ellisio @JeffreyWay

I found a solution that worked for me and hope it can help you.

import { NullPresenceChannel } from 'laravel-echo/src/channel'

const LaravelEchoChannel = echo.join(channel)
    .here((users) => {
        EventBusMain.$emit(EVENTS.HERE_MAIN_CHANNEL_EVENT, {users});
    })
    .joining((user) => {
        EventBusMain.$emit(EVENTS.JOIN_MAIN_CHANNEL_EVENT, {user});
    })
    .leaving((user) => {
        EventBusMain.$emit(EVENTS.LEAVE_MAIN_CHANNEL_EVENT, {user});
    }) as NullPresenceChannel;

LaravelEchoChannel
    .listen('.event', (e) => {
        EventBusMain.$emit(e.event, e.data)
    });

[driesvints]

I’m going to close this because I feel that there isn’t much progress here to make anymore. All the types seem to be defined properly on all channel classes so I wouldn’t know how this problem could exist. The solution from https://github.com/laravel/echo/pull/241 also doesn’t seems to be wanted because we don’t want the listen method to be defined on the presence channels interface.

Anyone’s free to send in a PR and explain in detail why it would be needed, thanks.