ProtectedRoute.js

// TOP LEVEL IMPORTS
import React from 'react';
import { Route, Redirect } from 'react-router-dom';

class ProtectedRoute extends React.Component {
  render() {
    const {
      currentUser,
      path,
      noNav,
      noFooter,
      theme,
      location,
      isAllowed,
      component: Component,
      layout: Layout,
      ...rest
    } = this.props;

    if (
      currentUser &&
      currentUser.roles &&
      currentUser.roles.includes('appAdmin')
    ) {
      return <Redirect to="/admin" />;
    }

    return (
      <Route
        {...rest}
        path={path}
        render={args => (
          <div style={{ height: '100%' }}>
            {currentUser && currentUser.id ? (
              <Layout {...args} {...this.props}>
                <Component {...args} {...this.props} />
              </Layout>
            ) : (
              <Redirect to="/login" />
            )}
          </div>
        )}
      />
    );
  }
}

export default ProtectedRoute;