React Native - Hermes

[LunatiqueCoder]

Hello!

I really love this tool! And I don't plan to give up on it.

React Native is having some nice updates, especially some debugging improvements, however, our old react-native-debugger which integrates Redux DevTools is getting deprecated and I've been struggling to use Redux DevTools with React Native since then but with no success.

Here's what I've tried:

1. Patch @redux-devtools/remote according to #1382

2. Use @redux-devtools/cli to start a local server by running redux-devtools --port=8000 --open

3. Setup store

let enhancers: StoreEnhancer[] = [];

if (__DEV__) {
  require('react-native-get-random-values');
  const { devToolsEnhancer } = require('@redux-devtools/remote');

  enhancers.push(
    devToolsEnhancer({
      name: Platform.OS,
      hostname: Platform.select({ ios: 'localhost', android: '10.0.2.2' }),
      port: 8000,
      secure: false,
      realtime: true,
    })
  );
}

const store = configureStore({
    reducer: rootReducer,
    enhancers
  });

4. Run app

5. Redux DevTools Settings

Results:

Any help is much appreciated. Thank you very much! Cheers

[LunatiqueCoder]

Fixed it by patching @redux-devtools/remote/lib/cjs/devTools.js like this: #1382 (comment)

EDIT:

Also opened a PR here to fix this for React Native world: #1430