Receiving Error: xhr poll error socket.io client React

Question

I am receiving an Error: xhr poll error in the connect_error event when trying to connect to my websocket gateway. I am using "socket.io-client": "^4.2.0".

import { io } from "socket.io-client";

const ENDPOINT = "http://localhost:3001";

const socket = io(ENDPOINT);

socket.on("connect_error", (e: any) => {
   console.log(e);
});

Answer 1

You can try to set up the client connection to use only websocket transport. By default it is using weboscket and polling.

{
   transports: ['websocket']
}

So your code will become:

const socket = io(ENDPOINT, {
   transports: ['websocket']
});

Answer 2

set server.listen instead of

 app.listen