Adonis:websocket join error packet

hello i’m trying to connect to adonisjs websocket using adonisjs-websocet-vue package the problem is i have done everything according to the example but still i’m getting
adonis:websocket join error packet +6ms Error . anyone ever got this error before ?

my backEnd code

class SocketPatientController {
    constructor({ socket, request }) {
        this.socket = socket
        this.topic = socket.topic;
        this.request = request
        console.log(`Back ${this.topic} connected to WS ${this.topic}`);
        this.socket.emit('HELLO_EVENT', { message: 'hi! my name is Example', time: new Date().valueOf() })

    }
    async onClose() {
        console.log(`Topic ${this.topic} disconnected to WS ${this.topic}`);
    }
}

module.exports = SocketPatientController
const Ws = use('Ws')

Ws.channel('user:*', 'SocketPatientController');

And vue code

const userTopicSubscriptions = id => {
    if (id) {
        let subscription = Vue.ws.socket.getSubscription(`user:${id}`);
        if (!subscription) {
            subscription = Vue.ws.subscribe(`user:${id}`);
        }
        subscription.on("HELLO_EVENT", data => {
            console.log('Hello (event handled in src/WsSubscriptions.js)', data)
        });
    }
};

export default async () => {
    return new Promise((resolve, reject) => {
        Vue.ws.disconnect();
        Vue.ws.connect(
            {
                wsDomain: "ws://127.0.0.1:3333",
                jwtToken: null
            },
            {
                path: 'adonis-ws',
                reconnectionAttempts: 300,
                reconnectionDelay: 5000
            }
        );
        Vue.ws.socket.on("open", () => {
            userTopicSubscriptions(1);
            resolve()
        });
    })
};

and i’m calling it from app.vue using

import WsSubscriptions from './WsSubscriptions'
    export default {
        data() {
            return {}
        },
        async created() {
            await WsSubscriptions();
        }
    }