React-native-debugger: Network inspector is broken on RN 0.56

[anderskev]

React Native Debugger app version: 0.7.18
React Native version: 0.56-rc.4
Platform: iOS simulator
Is real device of platform: No, simulator
Operating System: macOS 10.13.5

It appears that React Native 0.56 has broken the network inspector. I'm actually not sure if this is an issue with react-native-debugger or Chrome, as it appears that has broken as well. I would be happy to work on a fix if someone could point me in the right direction. Thanks!

[jhen0409]

The main issue is #244, it should affect the Network Inspect.

[liuqiang1357]

+1, Any solution?

[allaire]

I got it to work temporally by adding this to my project:

// https://github.com/jhen0409/react-native-debugger/issues/242
if (__DEV__) {
  /* eslint no-undef: 0 */
  XMLHttpRequest = GLOBAL.originalXMLHttpRequest
    ? GLOBAL.originalXMLHttpRequest
    : GLOBAL.XMLHttpRequest;
}

[CNDW]

react-native 0.56 polyfills the global.Blob which breaks the fetch polyfill's strict check, we have to restore the original Blob when using the latest react-native-debugger with react-native > 0.54

if (__DEV__) {
  global.XMLHttpRequest = global.originalXMLHttpRequest ?
    global.originalXMLHttpRequest :
    global.XMLHttpRequest;
  global.FormData = global.originalFormData ?
    global.originalFormData :
    global.FormData;
  global.Blob = global.originalBlob ?
    global.originalBlob :
    global.Blob;
  global.FileReader = global.originalFileReader ?
    global.originalFileReader :
    global.FileReader;
}

[jhen0409]

Fixed by #247.

[fierysolid]

This bug appears to be back with [email protected] this comment fixes it

[MrIceman]

this is still broken, unfortunately React Native seems to become more and more buggy

[hanssonfredrik]

I got it to work temporally by adding this to my project:

// https://github.com/jhen0409/react-native-debugger/issues/242
if (__DEV__) {
  /* eslint no-undef: 0 */
  XMLHttpRequest = GLOBAL.originalXMLHttpRequest
    ? GLOBAL.originalXMLHttpRequest
    : GLOBAL.XMLHttpRequest;
}

Where did you put this code?

[allaire]

@hanssonfredrik anywhere as long as it gets run. I put it in a development config file that is loaded in index.js

[Saqib-Shakil]

After adding the code I can see the request but no responses

[safweb89]

Does anyone figures out how to fix it?

[Donkey-Kurt]

After adding the code I can see the request but no responses

+1