routes.js

//app 

const App = props => (
  <Switch>
    <UnauthenticatedRoute path="/login" name="login" component={AsyncLogin} {...props} />
    <UnauthenticatedRoute path="/signup" name="signup" component={AsyncSignUp} {...props} />
    <AuthenticatedRoute path="/" name="Home" component={AsyncHome} {...props} />
  </Switch>
);

//Home

const Home = props => (
  <Switch>
    <DashboardRoute exact path="/" component={() => <div>Hello</div>} {...props} />
    <DashboardRoute path="/profile" name="profile" component={Profile} {...props} />
  </Switch>
);


//Profile 

const Profile = props => (
  <Root>
    <ProfileSidebar />
    <Main>
    <Switch>
      <Route path="general" component={General} {...props} />
      <Route path="company" component={Company} {...props} />
      <Route path="password" component={Password} {...props} />
    </Switch>
    </Main>
  </Root>
);

export default withRouter(Profile);