router

{/*Main component will always be rendered*/}
    <Route path="/" component={HapiHour}>
      <IndexRoute
        getComponent={(location, cb) =>{
          System.import('LandingMap')
         .then(loadRoute(cb))
         .catch(errorLoading);
        }}
       />
        {/*Add Routes here */}
       <Route
         path='/settings'
         getComponent={(location, cb) =>{
           System.import('SettingsPane')
          .then(loadRoute(cb))
          .catch(errorLoading);
         }}
        />
       <Route
         path='/reviews'
         getComponent={(location, cb) =>{
           System.import('ReviewsActivity')
          .then(loadRoute(cb))
          .catch(errorLoading);
         }}
        />
       <Route
         path='/spots'
         getComponent={(location, cb) => {
           System.import('SpotActivity')
           .then(loadRoute(cb))
           .catch(errorLoading);
         }}
        />
       <Route
         path='/addspot'
         getComponent={(location, cb) =>{
           System.import('AddSpotPage')
          .then(loadRoute(cb))
          .catch(errorLoading);
         }}
        />
    </Route>