React-native-debugger: The Android app becomes very slow when connected to the debugger

[THPubs]

I'm running my React Native app in a device. The app works smoothly at first. But when I enable remote debugging and connect it to React Native Debugger, the app becomes extremely slow. For example, when I touch a button, it takes about 5 seconds to respond. If the React Native Debugger is off and the default Remote Debugger is opened in the browser, everything works fine same as running without remote debugging. Any idea why this is happening?

React Native Debugger version: 0.7.6
React Native version: 0.47.1
Platform: Android
Is real device of platform: Yes
Operating System: macOS

[jhen0409]

I cannot guarantee any connection problems with real devices, you may need to make sure the network is smooth, the date / time for Android device is sync with host machine.

An another problem is if you're enabled the React Inspector, the performance problem of the component updates will be more noticeable (Hide the panel will close the React Inspector server), otherwise should be no difference from the official remote debugger.

[THPubs]

@jhen0409 Great thanks for the info! The problem was with React DevTools. Simply right clicked and selected Toggl React DevTools and the inspector closed. Now the app is working smoothly!

[pencilcheck]

Doesn't work for me, the app is just stuck.

[jhen0409]

@pencilcheck could you file an new issue and provide more details?

[pencilcheck]

What information would you want to see?

[jhen0409]

You can see the issue template by click New Issue, even provide an minimal example project will be better, let me reproduce the problem and help you.

[martsie]

Are you using Realm by any chance?

[pencilcheck]

No, i'm not using realm.

[sekhuat]

I faced the same issue when my device datetime and pc datetime is out of sync by 2 minutes. After both date is synced the problem gone away.