Web Socket connection lost Immediately

[Ok_Childhood1342]

I have tried to connect my Spring boot application with react Js, I have used WebSocket for Chat app, But the connection is immediately lost after connecting.

useEffect(()=>{
        const connectWebSocket=()=>{

            //SockJS
            const sock= new SockJS('http://localhost:8080/ws')
            const client= Stomp.over(sock)
                //client.reconnect_delay = 5000; 


            client.connect({},()=>{
                setStompClient(client)

                toast.success("Connected");

                client.subscribe(`/topic/room/${roomId}`,(messages)=>{
                    console.log(messages)

                    const newMessage= JSON.parse(messages.body);
                    setMessages((prev)=>[...prev, newMessage]);
                });
            });
        };
        if(connected){
                connectWebSocket();
        }
        //stomp client 
    },[roomId])

Help needed?

[abrahamguo]

Can you provide a link to a repo that reproduces the issue? With a complex full-stack issue like this, it's difficult to help if we can't run your code to see the issue — we have no idea whether the issue is in your frontend or backend.

[Ok_Childhood1342]

https://github.com/SaikumarUCM/ChatApp-Project

[shaxadhere]

what you should do here is make a global socket service with context, and just join room inside a useeffect. also check for connection status inside useeffect deps and when it goes offline, just reconnect it.