Redux-devtools-extension: No Drop-down menu after clicking "Autoselect Instances"

[mocheng]

Mac OSX El Capitan 10.11.6 (15G31)
Chrome Version 52.0.2743.116 (64-bit)
Redux DevTools 2.5.1.6

After read this blog, I tried to create store for my component in additon to the "global" redux store. However, I cannot switch between two stores. This makes multiple instances un-debuggable.

I tried to name store instances by win.devToolsExtension({name: 'main', instanceId: '123'}). It still doesn't work.

I tried the offical counter sample. Still it has same issue. It must not be specific to my applicaiton.

[zalmoxisus]

Thanks for the report! It should be fixed in https://github.com/zalmoxisus/redux-devtools-extension/commit/f25c7cb5b755f23011c994cd4c3afd4176dbc78a, will publish it on Chrome Store today.

[zalmoxisus]

v2.5.1.7 is available on Chrome Store. Chrome will autoupdate it in several hours, but you can remove and install the extension again if want to try it right now.

Please let me know if you experience any other troubles with this.

[mocheng]

It works in v2.5.1.7. Thanks for the effort!

Now I can add name by applying devToolsExtension as enhancer to redux.

win.devToolsExtension({name: 'main redux'})

But, to create a store by the enstesion, there is no clear documentation about it. The first and second argument is reducer and initial state respectively. It ried to add config as third argument, but it doens't work.

      this.store = win.devToolsExtension(this.reducer, this.state, {name: this.displayName});

How to config name in this situation?

[zalmoxisus]

@mocheng, yes, config is the third argument. You're doing everything right. Maybe this.displayName is an empty string or is defined after you call win.devToolsExtension?

Just tried to replace this line with

this.store = window.devToolsExtension(reducer, this.state, { name: 'hi' });

and I'm getting hi as instance name on the monitor.

[mocheng]

Cool! It works!
Thanks