universal react-router

example.js

// SHARED
const routes = (
    <Route path="/base" component={Layout}>
        <IndexRoute component={A} />
        <Route path="/base/foo" component={B} />
        <Route path="*" component={C}  />
    </Route>
);


// SERVER
// render.js
const memoryHistory = createMemoryHistory(req.url);
const history = syncHistoryWithStore(memoryHistory, store);

match({ history, routes, location: req.originalUrl }, (err, redirectLocation, renderProps) => {
    res.send(renderPage(content, store));
});
//server.js
express().use("/base", render.js)


// CLIENT
const history = syncHistoryWithStore(browserHistory, store);

render(
    <Provider store={store}>
        <Router history={history} routes={routes} />
    </Provider>,
    document.getElementById("app")
);

// react-router 2.3.0
Server side rendering works with this setup although its kinda lame to repeat "/base" over and over again. When enabling JS client side the following error is produced as I’m redirected to "/"

Besides that (Basename is something I could not get to work by trying to enable it server side with const memoryHistory = useRouterHistory(createMemoryHistory)({ entries: ["/"], basename: "/base" }); leads to <a href="/base/base">in html