Is it Possible to Access ctx in makeStore?

I read the source code and saw that ctx is unpacked into the options.

Sadly it seems like it is empty. Console logging the options gives me

I use next-redux-wrapper like this:

class MyApp extends App {
  /* ... */
}
export default withRedux(makeStore, { debug: true })(MyApp);

Am I doing something wrong? For now I had to write my own Redux wrapper because I want to use redux-cookies-middleware and the getCookie/setCookie functions need ctx to work.

[kirill-konshin]

Req has cookies in headers. You may add cookie-parser middleware.

[adonig]

@oyeanuj The only “right” way to do it I found was to do it in makeStore like this:

export default (initialState = { router: undefined }, options) => {
  const { req, res, asPath } = options;
  const ctx = { req, res };
  if (asPath) {
    initialState.router = initialRouterState(asPath);
  }

  const store = createStore(
    reducer,
    getStateFromCookies(initialState, paths, name => {
      const cookie = getCookies(ctx, name);
      return (
        cookie || initialState[name] // NOTE: If the cookie is undefined, DO NOT overwrite the initialState with it!
      );
    }),
    bindMiddleware([
      createRouterMiddleware(),
      reduxCookiesMiddleware(paths, {
        setCookie: (name, value) => {
          setCookies(ctx, name, value);
        }
      }),
      thunkMiddleware
    ])
  );

  return store;
};

Note the comment, it is important or you’ll introduce a hard to find bug. It’s probably even better not to do it at all, see here.