React-native – Unable to connect to the remote REDUX DevTools to connect to this machine application

// configureStore.js
import {createStore, applyMiddleware} from "redux";
import { composeWithDevTools} from'remote-redux-devtools';
import thunk from "redux-thunk";
import rootReducer from "./reducers";

const composeEnhancers = composeWithDevTools( {realtime: true });

export default function configureStore(initialState) {
 const store = createStore(
 rootReducer,
 initialState,
 composeEnhancers( 
 applyMiddleware(thunk),
 )
 );

 if (module.hot) {
 // Enable hot module replacement for reducers
 module.hot.accept(() => {
 const nextRootReducer = require('./reducers/index').default;
 store.replaceReducer(nextRootReducer);
 }); 
 }

 return sto re;
};

I cannot use redux to connect my react-native application to redux-devtools-extension to remote-redux-devtools.

I use an android device connected via USB on macOSX Sierra.

// configureStore.js
import {createStore, applyMiddleware} from "redux";
import {composeWithDevTools} from'remote-redux-devtools';
import thunk from "redux-thunk";
import rootReducer from "./reducers";

const composeEnhancers = composeWithDevTools({ realtime: true });

export default function configureStore(initialState) {
 const store = createStore(
 rootReducer,
 initialState,
 composeEnhancers(
 applyMiddleware(thunk),
 )
 );

 if (module.hot) {
 / / Enable hot module replacement for reducers
 module.hot.accept(() => {
 const nextRootReducer = require('./reducers/index').default;
 store.replaceReducer(nextRootReducer);
 });
 }

 return store;< br />};

Redux is properly configured into the application, with simple button operations to update redux status.

But it can’t find any stores.

What am I missing?

Please try this code:

const composeEnhancers = window .__ REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ||Compose