Как добавить начальное состояние из expressjs в избыточный (следующий js)

Question

У меня есть исходное состояние, исходящее с узла и пытающееся добавить его с помощью withRedux, но мой редуктор перезаписывает начальное состояние.

Вот мое _app.js:

import React from "react";
import { Provider } from "react-redux";
import withRedux from "next-redux-wrapper";
import {createStore} from "redux";

const reducer = (state = {foo: "ddd"}, action) => {
  switch (action.type) {
    case "FOO":
      return {...state, foo: action.payload};
    default:
      return state;
  }
};

const makeStore = (initialState) => {
  return createStore(reducer, initialState);
};

function MyApp({Component, pageProps, store}) {
  return (
    <Provider store={store}>
      <Component {...pageProps} />
    </Provider>
  );
}

MyApp.getInitialProps = async ({Component, ctx}) => {
  const pageProps = Component.getInitialProps ? await Component.getInitialProps(ctx) : {};
  const {req:{store}} = ctx;

  return {pageProps, store};
};

export default withRedux(makeStore)(MyApp);

Я вижу {"props": {"foo": "ddd"}} когда я печатаю реквизит на странице