code: function render(history, routes, store) {
      const resolve = resolver(routes);
  
      return function(location) {
          resolve(location)
          .then(config => {
               renderPage(config.page(store, history), routes);
               const actionParams = config.matchRoute(location.pathname).params;
               config.driverInstance.dispatchAction(store.dispatch, actionParams);
          })
          .catch(error =>
              resolve({location, error})
                  .then(errorConfig => renderPage(errorConfig.page(store, history)))); 
      }
  }
docs: Render the new 'page' given by the route.
  
  In order for this to work, each path or location in the application need to have
  the root component for it defined. The page component will be passed the store
  in the props to extract rendering data.
  
  'page' here refers to the fact that
  the user will perceive the new application state as a new URL and associated
  HTML page in a traditional server-side HTML application.
  
  const routes = [
  { path: '/menuplanner/', action: (store) => <MenuPlanner store={store} /> },
  { path: '/menuplanner/selectmenu.html', action: (store) => <ChooseRecipes  store={store}/> },
  ];
  
  export default routes;