[Bug]: Uncaught RangeError: Maximum call stack size exceeded

[deepakk0109]

Is there an existing issue for this?

• I have searched the existing issues

Description

getting this error white getting data of socket io in JSObject
"Uncaught RangeError: Maximum call stack size exceeded"

Steps To Reproduce

1. load cdn socket library: https://cdn.socket.io/4.8.1/socket.io.min.js

2. create JSObject
   paste below code> chage the socket-io endpoint and events

export default {
socket: null,
socketData:null,

connectToSocket:async ()=> {
	if (!this.socket) {
		this.socket = await io("Your_socket_enpoint", {
			transports: ["websocket"],
		});
		this.socket.on("connect", () => {
			showAlert("Connected to the Socket.IO server!");
		});

		this.socket.on("disconnect", () => {
			showAlert("Disconnected from the Socket.IO server.");
		});

this.socket.on("avsocket-inv", (data) => {
			console.log("data",data.data);
			// showAlert(`Received data: ${JSON.stringify(data)}`);
		});
		

	}
},

disconnectSocket() {
	if (this.socket) {
		this.socket.disconnect();
		this.socket = null;
	}
},

emitEvent(eventName, data) {   
	if (this.socket && this.socket.connected)
	{       console.log(`Emitting event: ${eventName} with data: ${data}`);  
	 this.socket.emit(eventName, data);     }
	else { showAlert("Socket is not connected."); }
}

};

3. run the "connectToSocket" function

Public Sample App

No response

Environment

Production

Severity

Critical (Broken Production apps)

Issue video log

No response

Version

latest

[Nikhil-Nandagopal]

@deepakk0109 there may be an issue using the socket.io library. You can use websockets following this guide
https://docs.appsmith.com/build-apps/how-to-guides/set-up-websockets