Comments (5)
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.
from addon-redux.
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
from addon-redux.
any advance in support middlewares?
from addon-redux.
Also wondering if there are any plans to support middleware!
from addon-redux.
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?
from addon-redux.
Related Issues (20)
- StatePanel - Warning: Each child in a list should have a unique "key" prop. HOT 2
- Stories all share same store HOT 2
- Seem to be getting a different state not mine? HOT 4
- Vulnerability Denial of Service HOT 3
- "redux state" panels action send to FIRST store. HOT 1
- Example usage with @reduxjs/toolkit HOT 3
- Allow setting default state based off args HOT 6
- Crash when rendering Row in HistoryView HOT 2
- feature request: allow JS objects in PARAM_REDUX_MERGE_STATE HOT 2
- Store state persists between stories HOT 2
- PARAM_REDUX_MERGE_STATE for Storybook args HOT 9
- Missing dispatch return values HOT 1
- SET_STATE_TYPE triggers "boo" action HOT 1
- Store only works on initial load HOT 2
- Npm 2.0.11 is not 2.0.11 tag
- Storybook 7 and React 18 support
- addon-redux is using the 'config' preset field. This has been replaced by 'previewAnnotations' and will be removed in 8.0
- Support for newer version of redux / react-redux HOT 6
- Support storybook v5 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from addon-redux.