Conditional Routes

App.js

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

import PrivateRoute from 'components/PrivateRoute'
import Login from 'components/Login'

class App extends Component {

  state = {}

  render() {
    const { isAuthenticated } = this.props

    return (
      <div>
        {/* PUBLIC */}
        {!isAuthenticated &&
          <span>
            <h1>user not logged in, render Login component:</h1>
            <Login />
          </span>
          // <Switch>
          //   <Route path={'/'} exact component={Home} />
          //   <Route path={'/login'} component={Login} />
          //   <Route path={'/register'} component={Register} />
          //   <Route path={'/forgot'} component={Forgot} />
          //   <Route path={'/verify'} component={Verify} />
          // </Switch>
        }

        {/* PRIVATE */}
        {isAuthenticated &&
          <span>
            <h2>user is logged in, render dashboard:</h2>
            <PrivateRoute isAuthenticated={isAuthenticated} user="Billy" />
          </span>
        }
      </div>
    )
  }
}

export default App

index.js

import React from 'react'
import ReactDOM from 'react-dom'
import { BrowserRouter as Router } from 'react-router-dom'

import App from 'components/App' //will be a different location depending on your folder structure

ReactDOM.render(
  <Router>
    <App isAuthenticated />
    // I am mocking isAuthenticated here, your isAuthenticated prop will be provided by connect
  </Router>,
  document.getElementById('root')
)

Login.js

import React from 'react'

const Login = () => (
  <form>
    <input placeholder="username" />
    <input placeholder="password" />
  </form>
)

export default Login

PrivateRoute.js

import React from 'react'

const PrivateRoute = props => (
  <div>
    <p>Hi from dashboard</p>
    <p>According to props isAuthenticated is {props.isAuthenticated.toString()}</p>
    <p>User name is {props.user} </p>
  </div>
)

export default PrivateRoute

Hi, this is how I defined my PrivateRoute:

import React from 'react'
import { Route, Redirect } from 'react-router-dom'

const PrivateRoute = ({ component: Component, ...rest }) => (
  <Route {...rest} render={props => (
    props.isAuthenticated ? (
      <Component {...props}/>
    ) : (
      <Redirect to={{
        pathname: '/',
        state: { from: props.location }
      }}/>
    )
  )}/>
)
export default PrivateRoute

And App.js:

@withRouter
@connect((store) => {
  return {
    isAuthenticated: store.auth.isAuthenticated
  };
})

...

<PrivateRoute
    isAuthenticated={isAuthenticated}
    path="/dashboard"
    component={Dashboard}
/>

I just found what I had wrong, it was a matter of syntax: props.isAuthenticated should have been rest.isAuthenticated!!
Add the PrivateRoute component to your answer so I can give the answer to you.
Thank you so much for your help!

Awesome man! Glad you were able to get it done. Would you mind marking the answer correct on Stack when you get a chance. Thanks.