App.js for react-ssr

App.js

import React, { Component } from 'react';
import { Switch, Navlink, Route } from 'react-router-dom';

import Navbar from './components/Navbar';
import NoMatch from './components/NoMatch';
import UniversalDataloader from './components/UniversalDataloader';

import routes from './routes';

class App extends Component {
  render() {
    return (
      <div className="app">
        <Navbar />
        <main>
          <Switch>
            {routes.map(({ path, exact, C, ...rest }) => (
              <Route
                key={path}
                path={path}
                exact={exact}
                render={props => (
                  <UniversalDataloader {...props} {...rest}>
                    {dataProps => <C {...dataProps} />}
                  </UniversalDataloader>
                )}
              />
            ))}

            <Route render={props => <NoMatch {...props} />} />
          </Switch>
        </main>
      </div>
    );
  }
}

export default App;