Inject Reducer (create reducers on demand)

hi. I’m using this library with saga and its woriking nice, now I want to add reducers on api requests but couldn’t make it here is my configs:

export const makeStore = (context) => {
  let sagaMiddleware = createSagaMiddleware();
  let storeWithSaga = createStore(createReducer(), context, applyMiddleware(sagaMiddleware)); 
  storeWithSaga.sagaTask = sagaMiddleware.run(rootSaga)
  return storeWithSaga; // 4: now return the store:
};
export const wrapper = createWrapper(makeStore, { debug: true });

export function createReducer(asyncReducers) {
  return combineReducers({
    userReducer,
    themeReducer,
    ...asyncReducers,
  });
}

class  TestProject extends App {
 static getInitialProps = async ({ Component, ctx }) => {
   const pageProps = {
     // 1. Wait for all page actions to dispatch
     ...(Component.getInitialProps ? await Component.getInitialProps(ctx) : {}),
   };

   if (ctx.req) {
     // 2. Stop the saga if on server
     ctx.store.dispatch(END);
     await ctx.store.sagaTask.toPromise();
   }

   return {
     // 3. Return props
     pageProps,
   };
 };

 render() {
   const { Component, pageProps } = this.props;
   return (
     <>
       <Layout>
         <Component {...pageProps} />
       </Layout>
     </>
   );
 }
}
export default wrapper.withRedux(appWithTranslation(TestProject ));

[kirill-konshin]

All reducers must be static and synchronous. Primarily because their behavior must be deterministic, if you don’t want to end up with inconsistent state because some reducers weren’t loaded beforehand.

[jamal-rahimzadegan]

now I have created reducer in ssr but cant pass it to csr