SocketProtocolError about remote-redux-devtools

[camilo86]

Got tired of debugging this, and used redux-devtools-extension instead. Works great with the React Native Debugger App (if you happen to be developing for RN 😁)

[camilo86]

Oh no, so I'm using React Native Debugger App. It bundles redux & react devtools into a single app. If you setup your store similar to how I did it, the app should work right away. You can get it here: https://github.com/jhen0409/react-native-debugger/releases

Also, make sure your device/emulator, has debugging enabled. On the emulator, hit Command + M and select Debug.

If you happen to be debugging on a device via USB/wifi and can't get the above menu show up, run the following in your terminal : adb shell input keyevent 82

[infezek]

Being able to connect to react-native-debugger is working better than before, thank you very much for your help. 😆

[infezek]

I'm having this same problem, managed to solve?

[camilo86]

Currently seeing the same issue

[infezek]

I'm using RN, thanks for the suggestion.

[infezek]

I tried to use here redux-devtools-extension with RN-Debugger-App, but not connecting to remoteDev, could you leave any examples? I've been trying to debugging remote-redux-devtools for a long time

[camilo86]

I'm creating my store as follows:
(I'm using sagas to handle side effects. Feel free to ignore that)

import { applyMiddleware, createStore } from 'redux';
import { composeWithDevTools } from 'redux-devtools-extension';
import createSagaMiddleware from 'redux-saga';
import sagas from '../sagas';
import rootReducer from '../reducers';

const sagaMiddleware = createSagaMiddleware();

export default function configureStore(preloadedState) {
  const middlewares = [sagaMiddleware];

  const store = createStore(rootReducer, preloadedState, composeWithDevTools(
    applyMiddleware(...middlewares)
  ));

  sagaMiddleware.run(sagas);

  return store;
}

[infezek]

Exactly what I tried to do, are you using google chrome extension? if so did you set anything up on it?

[camilo86]

Awesome! No problem

[petermercy]

I'm using React Native and having this error when trying to use remote-redux-devtools. Changing to redux-devtools-extension per @camilo86 's post solved the problem right away.