diff --git a/client/src/constants/authConditions.js b/client/src/constants/authConditions.js
index e931333..66ed9d5 100644
--- a/client/src/constants/authConditions.js
+++ b/client/src/constants/authConditions.js
@@ -1,2 +1,4 @@
+import * as ROLES from "./roles";
+
 export const AUTHENTICATED = (authUser) => !!authUser;
 export const ADMIN = (authUser) => authUser && !!authUser.roles[ROLES.ADMIN];
diff --git a/client/src/routes/PrivateRoute.jsx b/client/src/routes/PrivateRoute.jsx
index 2b278c8..03c59ec 100644
--- a/client/src/routes/PrivateRoute.jsx
+++ b/client/src/routes/PrivateRoute.jsx
@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import React, { useEffect, useState } from "react";
 import { withRouter, Route } from "react-router-dom";
 import { useFirebase } from "../services/auth";
 import * as ROUTES from "../constants/routes";
@@ -10,22 +10,21 @@ const PrivateRoute = ({
   history,
   ...rest
 }) => {
+  const [authUser, setAuthUser] = useState(null);
   const firebase = useFirebase();
-  let render = null;
+
   useEffect(() => {
     firebase.auth.onAuthStateChanged((authUser) => {
       if (!condition(authUser)) {
         history.push(ROUTES.SIGN_IN);
       } else {
-        // render = condition(authUser)
-        //   ? (props) => <Component {...props} />
-        //   : null;
+        setAuthUser(authUser);
       }
     });
   }, [firebase.auth, condition, history]);
-  render = (props) => <Component {...props} />;
 
-  return <Route path={path} render={render} {...rest} />;
+  const render = (props) => <Component {...props} />;
+  return authUser ? <Route path={path} render={render} {...rest} /> : null;
 };
 
 export default withRouter(PrivateRoute);