Somewhere between 0.0.55 and 0.0.57, socket.io stops working

[noahprince22]

• Review the documentation: https://facebook.github.io/react-native
• Search for existing issues: https://github.com/facebook/react-native/issues
• Use the latest React Native release: https://github.com/facebook/react-native/releases

Environment

Last working version:

react-native info
Environment:
  OS: macOS Sierra 10.12.6
  Node: 8.10.0
  Yarn: 1.6.0
  npm: 5.6.0
  Watchman: 4.9.0
  Xcode: Xcode 9.2 Build version 9C40b
  Android Studio: 3.0 AI-171.4443003

Packages: (wanted => installed)
  react: 16.6.0-alpha.8af6728 => 16.6.0-alpha.8af6728
  react-native: 0.55.x => 0.55.4

Broken version:

  React Native Environment Info:
    System:
      OS: macOS Sierra 10.12.6
      CPU: x64 Intel(R) Core(TM) i7-4770HQ CPU @ 2.20GHz
      Memory: 228.90 MB / 16.00 GB
      Shell: 5.2 - /bin/zsh
    Binaries:
      Node: 8.10.0 - /usr/local/bin/node
      Yarn: 1.6.0 - /usr/local/bin/yarn
      npm: 5.6.0 - /usr/local/bin/npm
      Watchman: 4.9.0 - /usr/local/bin/watchman
    SDKs:
      iOS SDK:
        Platforms: iOS 11.2, macOS 10.13, tvOS 11.2, watchOS 4.2
      Android SDK:
        Build Tools: 19.1.0, 23.0.1, 23.0.2, 25.0.2, 26.0.2, 27.0.3, 28.0.0, 28.0.3
        API Levels: 15, 23, 25, 26, 27
    IDEs:
      Android Studio: 3.0 AI-171.4443003
      Xcode: 9.2/9C40b - /usr/bin/xcodebuild
    npmPackages:
      react: 16.6.0-alpha.8af6728 => 16.6.0-alpha.8af6728
      react-native: 0.57.x => 0.57.4
    npmGlobalPackages:
      create-react-native-app: 1.0.0
      react-native-cli: 2.0.1
      react-native-git-upgrade: 0.2.7
      react-native-workers: 0.3.1

Description

Websocket connections time out on 0.0.57. I made an issue in socket.io, but after switching through react-native versions, it's clearly a react native issue. socketio/socket.io-client#1245 for an example socketio setup.

It doesn't seem to be the iPhone X simulator, which in 0.0.57 is the default, but in older versions is not. The iPhoneX simulator runs sockets just fine in the older versions.

It might be babel, as it seems there was an upgrade to babel between these versions.

[emech-en]

I have the same issue.

Working on 0.55 and not working on 0.56 and 0.57.4 react-native versions

[wilztan]

Is there any alternative to fix this issues? since the I also unable to use socket.io since 0.57.4?

[csotiriou]

I am on react native 0.57.3 and it is working fine. On react native 0.57.4 and thenon, socket.io is broken.

Something happened in those commits between those two versions, or in Babel in the meantime.

[csotiriou]

Update: Using Haul seemed to fix the issue - another indication that something is wrong with the bundler or Babel

[csotiriou]

It's still broken in React Native 0.57.7

[doostin]

I have the same issue. Interestingly, it works fine when you are running your app while debugging remotely, but as soon as you turn off "debug js remotely", it stops working.

[noahprince22]

@doostin When you debug remotely, I believe the JS runs in Chrome's javascript engine. My guess is the issue lies in the native engine, which is why you're not seeing it in debug.

[bgoyal2222]

same issue I am facing in 0.57.7
transports: ['websocket'] is not working
'polling' works

[firofame]

do we have any workarounds?

[bgoyal2222]

Tried "socket.io-client": "2.0.4" it worked for me

[khloukrada]

Tried "socket.io-client": "2.0.4" it worked for me

This works very well. Thanks @bgoyal2222

[svrsreeraj]

Tried "socket.io-client": "2.0.4" it worked for me

And dont put caret (^) infront of the version ("^2.0.4") like me :)

[wiwat-tharateeraparb]

Same here. With RN 0.57.7 and Socket.IO 2.2.0 (both server and client). Tried npm install --save socket.io-client@2.0.4 and it works without having to turn on Remote JS debugging.

[giantss]

"socket.io-client": "2.0.4" works fine on react-native 0.53.0, but "socket.io-client": "2.2.0" does not work.