Prevented PrivateRoute from briefly showing page when unauthenticated (#140)

Author: Steve Hobbs

01-Login/src/components/PrivateRoute.js

@@ -17,7 +17,8 @@ const PrivateRoute = ({ component: Component, path, ...rest }) => {
     fn();
   }, [isAuthenticated, loginWithRedirect, path]);
 
-  const render = props => <Component {...props} />;
+  const render = props =>
+    isAuthenticated === true ? <Component {...props} /> : null;
 
   return <Route path={path} render={render} {...rest} />;
 };

02-Calling-an-API/src/components/PrivateRoute.js

@@ -19,7 +19,8 @@ const PrivateRoute = ({ component: Component, path, ...rest }) => {
 
   if (!isAuthenticated) return null;
 
-  const render = props => <Component {...props} />;
+  const render = props =>
+    isAuthenticated === true ? <Component {...props} /> : null;
 
   return <Route path={path} render={render} {...rest} />;
 };