Redux devtools won't catch specific actions

799 views Asked by At

I'm loading it like that:

const store = createStore(
  AppReducer,
  composeEnhancers(applyMiddleware(createDebounce(), thunkMiddleware,
    websocketMiddleware)),
  );

I've got the following action:

export const toggleCardLayersMenu = (index, value) => ({
  type: "CARD:TOGGLE_LAYERS_MENU",
  index: index,
  value: value,
});

Which I dispatch something to open a menu and something to close it.

Now, the chrome extension display the action with a small delay if the action is used to open the menu, and won't display the action at all if it's used to close the menu.

It occurs only with that specific action. What are the possible causes, and what can be done?

Edit:
This is where I dispatch the action:

...
<IconButton
  onClick={ e => dispatches.toggleCardLayersMenu(e.currentTarget) }
  ><LayersIcon />
</IconButton>
<Menu
  anchorEl={ card.menuBtnElem }
  open={ card.isMenuOpen }
  onRequestClose={ () => dispatches.toggleCardLayersMenu(null) }
  style={ styles.menu }
>
...

This is the dispatchToProps():

const mapDispatchToProps = (dispatch, ownProps) => ({ dispatches: {
updateCardLayers(value) {
  dispatch(displayActions.updateCardLayers(ownProps.index, value));
},
toggleCardLayersMenu(value) {
  dispatch(displayActions.toggleCardLayersMenu(ownProps.index, value));
},
...
0

There are 0 answers