gistfile1.txt

// Router (doesn't include any info about headers):
<Router history={history}>
  <Route path="/" component={App}>
    <IndexRoute component={LandingPageContainer} />
    <Route path="home" component={LandingPageContainer} />
    <Route path="authentication" component={Authentication} />
    // ... others
  </Route>
</Router>


// App (Doesn't interact with children at all)
export default function App({ children, location: { pathname } }) {
 
 // This is the current 'hack', I'd like to just read in something from props that is passed down by the router
 const hideHeader = pathname === '/' || pathname === '/home';
 
 return <div className={css.app}>
    <HeaderContainer overlay={hideHeader} />
    {children}
    <FooterContainer />
  </div>;
}