socket.io-client: Can't connect via socket.io-client on react-native

Finally found a solution for React Native >= 0.60 after a couple of coffees and digging deep into engine.io - additional to a version conflict (with RN) there seems to be an issue with passing in the URI. When I pass an URI into socketIO, it gets turncated to the host and ‘socket.io’ appened. So socketIO("https://foo.bar/my/endpoint/socket.io") will lead to socketIO trying to connect to https://foo.bar/socket.io without showing it in the logs when throwing the xhr pull / socket error.

Here we go, how to get socket.io running on current versions of React Native:

• use socket.io-client version 2.1.1

// package.json
{
  "dependencies": {
     "socket.io-client": "2.1.1"
   }
}

• when setting up the client, define a host and a path

const socket = socketIO('https://your.host.com/', {
  path: '/path/to/socket.io/'
})

• and suddenly everything works as smooth as planed

Hope to have saved you the time I spent on this issue 😆

Try “socket.io-client”: “2.0.4” This may be socket.io bug

@Unforgiven-wanda an example with React Native has been added here: https://github.com/socketio/socket.io/tree/master/examples/react-native

@russellgoldman I had problems with RN 0.60.5 and socket.io. Release build did not connect to the server.

None of socket.io versions worked with RN 0.60.5: I tried versions 2.0.4, 2.1.1, 2.2.0.

Downgrading to RN 0.59.10 solved my problem.

I am using “react-native”: “0.61.5” and “socket.io-client”: “^2.1.1”,

below is my code

const socket = SocketIOClient('http://192.168.0.101:1234',{reconnect: true}); socket.connect(); socket.once("connect", () => { console.log("[CLIENT] Connected to remote server, identificating."); // this.sendIdentification(); }); socket.on('connect', () => { console.log('connected to socket server'); });

The code is not able to connect to the server and I am also looking for the solution. I don’t want to downgrade my react-native version.

Can you try “ws://192.168.0.101:1234”, instead of “http://192.168.0.101:1234”

@Unforgiven-wanda

foodsharing.network’s socket io:

• server @ https://gitlab.com/foodsharing-dev/foodsharing/blob/master/chat/server.js
• react native client @ https://github.com/rastapasta/foodsharing/blob/master/src/sagas/websocket.tsx

@Ramesh21071993 My understanding (which is formed with heavy googling and own testing) is that:

• socket.io stopped working with react-native about around RN version 0.57.4
• socket.io or some other component was fixed later and I managed to get it working with version combo: RN 0.59.10 + socket.io 2.1.1
• RN version 0.60.x is not working with any version of socket.io

So my advice is only: try one time more with RN 0.59.10 and socket.io 2.1.1 and make sure that you clear build folder before building. And remove node_modules before yarn/npm.

I am using “react-native”: “0.61.5” and “socket.io-client”: “^2.1.1”,

below is my code

const socket = SocketIOClient('http://192.168.0.101:1234',{reconnect: true}); socket.connect(); socket.once("connect", () => { console.log("[CLIENT] Connected to remote server, identificating."); // this.sendIdentification(); }); socket.on('connect', () => { console.log('connected to socket server'); });

The code is not able to connect to the server and I am also looking for the solution. I don’t want to downgrade my react-native version.

With RN 0.52 and socket.io-client 2.0.4 I’m still facing this issue.

@darrachequesne Hi, I found the issue; there is no version problem. (WIFI) IP address mismatch between my laptop and my phone.

@darrachequesne It showing only this [Error: websocket error]

Finally, after so much research, I find out that you need to pass two parameters to io(), as shown below:

import io, { Socket } from 'socket.io-client';
...
const socket: Socket = io('http://localhost:8080', {
    transports: ['websocket'],
    jsonp: false,
});

package.json file:

"react": "17.0.1",
"react-native": "0.64.2",
"socket.io-client": "2.1.1",

Not able to connect with “socket.io-client”: “^3.0.4” in react native

follow the directions of above documentations and adapt this implementation:

import socketIO from 'socket.io-client'
const socket = socketIO('http://8.8.8.8:3000/', {
  path: '/your/path/to/socket.io/'
  reconnectionDelay: 1000,
  reconnection: true,
  reconnectionAttempts: Infinity,
  jsonp: false
})

socket.on('connect', () => console.log('connected'))
socket.on('error', console.error)
socket.on('connect_error', console.error)

any solution? I’m facing the same thing