Remote option doesn't work and can't connect to Vscode

[samsoul16]

What i have setup : redux, react-redux, react-redux-firebase, redux-firestore and redux-devtools-extension

What is working : Redux devtools in chome and firefox

The issue :

1. Clicking on Remote Button in the browser extension opens up a window with like redux devtools with no state, it seems disconnected from redux.
2. Hence i can't connect to vscode using Redux Devtools Extension

What i want help in achieving : To just be able to use the remote feature so that i can debug in Browser as it currently works but also be able to connect to vscode and use redux devtools there instead for faster development.

My list of Dependencies

    "dependencies": {
        "firebase": "^6.0.1",
        "react": "^16.8.6",
        "react-dom": "^16.8.6",
        "react-redux": "^7.1.0-alpha.4",
        "react-redux-firebase": "^3.0.0-alpha.12",
        "react-router-dom": "^5.0.0",
        "react-scripts": "3.0.0",
        "redux": "^4.0.1",
        "redux-devtools-extension": "^2.13.8",
        "redux-firestore": "^0.7.3",
        "redux-thunk": "^2.3.0"
    },

Current Setup of redux-devtools

import { createStore, applyMiddleware } from "redux";
import { composeWithDevTools } from "redux-devtools-extension";
import thunk from "redux-thunk";
import rootReducer from "./reducers/rootReducer";

const composeEnhancers = composeWithDevTools({
    name: "Remote Dev Tools",
    realtime: true,
    // hostname: "localhost", 
    // port: 3000 
});

export const store = createStore(
    rootReducer,
    composeEnhancers(applyMiddleware(thunk))
);

Some knowledge i have learn't

• Uncommenting hostname & Port doesn't help either as these options exist in remote-redux-devtools but not in redux-devtools-extension
• Manually adding hostname and port in settings of remote-devtools window doesn't help in either : browser or vscode.

[meymeynard]

bump