RR4, Auth, Layouts, and SSR

Auth.jsx

render() {
  const {
    isAuthenticated,
    location: { pathname },
    route: { routes },
  } = this.props;

  const branch = matchRoutes(routes, pathname);

  const Layout = branch[0].route.emptyLayout ? EmptyLayout : DefaultLayout;

  const screen = <Layout routes={routes} />;

  if (isAuthenticated) {
    return screen;
  }

  return <Redirect to="/login" />;
}

routes.js

const routes = [
  { component: Auth,
    routes: [

      // Default Layout screens:
      { path: '/',
        component: Home,
        exact: true,
        // loadData: () => Promise.resolve('Pre-fetch server data...'),
      },

      { path: '/about',
        component: About
      },


      // Empty Layout screens:
      { path: '/login',
        component: Login,
        emptyLayout: true,
      },

      { path: '/*',
        component: FourOhFour,
        emptyLayout: true,
      },
    ]
  }
];