Middleware gets ignored when dispatching from React about addon-redux

[frodare]

I will have to think about this one a little as it could get tricky. My gut tells me this should be fixable by changing the order of store enhancers so that addon-redux is processed after the middlewares enchancer. That way the actions would be cleaned up before getting to the addon-redux enhancer.

[SebastienGllmt]

You're right -- changing the order of the enhancers fixed it. For redux-toolkit, I did it the following way

export const store = configureStore({
  reducer,
  middleware: getMiddleware(),
  enhancers: middlewares => [withReduxEnhancer, ...middlewares]
});

Maybe the importance of ordering should be mentioned in the docs

[fabouru1985]

any advance in support middlewares?

[natalyjazzviolin]

Also wondering if there are any plans to support middleware!

[nathanredblur]

it's not working well for me.
There is differences between the events that this add-on and redux-chrome shows.
and my component keep loading (even when I can see the data in the console log that I put in the render)
so, I change anything in my storybook file and save and then I can see the data in the component.

this is my store configuration.

import createSagaMiddleware from "redux-saga";
import { combineReducers, configureStore } from "@reduxjs/toolkit";
import { reduxOrmReducer, reduxOrmSagas } from "myOrm";
import { all, fork } from "typed-redux-saga";
import { enhancer as withReduxEnhancer } from "addon-redux";

const webReducers = combineReducers({
  ...reduxOrmReducer,
});

function* webSaga() {
  yield* all([fork(reduxOrmSagas)]);
}

const sagaMiddleware = createSagaMiddleware();

const store = configureStore({
  reducer: webReducers,
  middleware: [sagaMiddleware],
  enhancers: (middlewares) => [withReduxEnhancer, ...middlewares], 
});

sagaMiddleware.run(webSaga);

export default store;

any Idea?