Redux Does Not Connect

React Native Debugger version: 0.7.6 React Native version: 0.47.2 Platform: iOS 10.3 Is real device of platform: No; simulator Operating System: macOS Sierra

Using "remote-redux-devtools": "^0.5.12"

Store is created as such:

import reducers from '../reducers/index';
import { composeWithDevTools } from 'remote-redux-devtools';
import { createStore, applyMiddleware } from 'redux';
...
const store = createStore(reducers, composeWithDevTools(applyMiddleware(thunk)));

If I use VSCode Redux Devtools it works:

However React Native Debugger looks like this:

(Yes even when VSCode is totally closed)

You can see the last line in the log is showing that it’s connected to remotedev-server as part of devTools.js which is part of remote-redux-devtools from what I can tell.

What can be done to troubleshoot?

[Clete2]

@jhen0409 Thank you so much! I had read the documentation but I didn’t understand the difference between remote-redux-devtools and redux-devtools-extension – I figured they worked the same since their wrapper method was the same name. Big mistake!

For anyone else who may run into this issue: yarn remove remote-redux-devtools; yarn add redux-devtools-extension

In createStore (no change from above): const store = createStore(reducers, composeWithDevTools(applyMiddleware(thunk)));

But the import (by the same name) now comes from redux-devtools-extension: import { composeWithDevTools } from 'redux-devtools-extension';

P.S. @jhen0409 Thanks so much for your hard work on this project. It’s immensely helpful to us!

[BinaryMuse]

Just popping in to say that I also had the same misunderstanding as #29 (and this), @Clete2’s comment was exactly what I needed. Thanks to you both ❤️