Adding devtools-extension breaks middleware (ngRedux)

[tcjcodes]

The devTools extension seems to be modifying the arguments that's sent to my app's middleware. If I remove the extension the middleware works as expected.

Devtools logs the actions fine:

and then the middlewares fail to receive the correct arguments:
store is undefined, next is correct, and the original action is always wrapped in a PERFORM_ACTION:

Below is the ngRedux setup:

($ngReduxProvider: ngRedux.INgReduxProvider) => {
      let middlewares = [
          customMiddleware,
      ];
      $ngReduxProvider.createStoreWith(rootReducer, middlewares, [
          window['__REDUX_DEVTOOLS_EXTENSION__'] && window['__REDUX_DEVTOOLS_EXTENSION__']()       
       ]);
};

where customMiddleware just logs:

export const customMiddleware = (store) => (next) => (action) => {
    debugger;
    console.log('action', action);
    next(action);
};

I'm not sure if this is an ngRedux's setup is not what DevTools is expecting?

versions:
[email protected]
[email protected]

[kevinmims]

Just ran in to this same issue using middleware; dev tools seems to be wrapping actions in a 'PERFORM_ACTION' type, creating

action: { 
  action: {...}, 
  type: 'PERFORM_ACTION',
  ...
}

Modifying the config from:

$ngReduxProvider.createStoreWith(...reducers, [thunk, middleware], window.__REDUX_DEVTOOLS_EXTENSION__ ? [window.__REDUX_DEVTOOLS_EXTENSION__()] : []);

to

$ngReduxProvider.createStoreWith(...reducers, [thunk, middleware]);

fixes the issue and passes the correct structure to the middleware and all is well again??

[tcjcodes]

Looks like this is being tracked in ng-redux's repo, closing.
angular-redux/ng-redux#196