Multiple instances in dropdown

I setup the extension as specified in the docs

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

const composeEnhancers =
  typeof window === "object" && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
    ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
        // Specify extension’s options like name, actionsBlacklist, actionsCreators, serialize...
      })
    : compose;

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

export default store;

But there are always multiple instances listed in the dropdown:

Also autoselect instance does not seem to work. Why are there multiple instances listed? It would be great to be able to open the devtools and immediately see the useful actions.

Thanks!

[OnkelTem]

So what are those instances and what do they exactly mean?

I have 2 items with the same name in that drop-down in a basic app. The first one lists my actions, while the second one is empty. Here is a screencast of the issue: https://www.screencast.com/t/7UoAbeAPh

I underline that I don’t create many stores, I’m using just one:

From my index.js:

import { createStore, applyMiddleware, compose  } from "redux";
import createSagaMiddleware from "redux-saga";

import rootReducer from "./store/reducers";
import rootSaga from "./store/sagas";

// noinspection JSUnresolvedVariable
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

const sagaMiddleware = createSagaMiddleware();
const store = createStore(
  rootReducer,
  composeEnhancers(applyMiddleware(logger, sagaMiddleware))
);
sagaMiddleware.run(rootSaga);

What I do wrong?

[OllyDS]

I had this issue whilst implementing React Admin in another application. Took me a moment to figure out that the issue was that the boilerplate code I copied over for initialising the store meant a new store was initialised on each render:

const App = () => (
    <Provider
        store={createAdminStore({
            authProvider,
            dataProvider,
            history,
        })}
    >
        <Admin
            authProvider={authProvider}
            dataProvider={dataProvider}
            history={history}
            title="My Admin"
        >
        ...
    </Provider>
);

Solution was to initiate store outside of the component (SO post)