src/components/UserControls.js

@@ -5,12 +5,13 @@ import { useLoginContext } from "../structures/UserContext";
 const UserControls = () => {
 
     const [user] = useLoginContext();
-    console.log(user);
 
     if (!user) return;
 
     return <div className='user-controls'>
-        Hello {user.displayName} 
+        <div>
+            Hello {user.displayName}
+        </div> 
     </div>;
 
 };

src/index.js

@@ -15,4 +15,4 @@ root.render(<React.StrictMode>
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))
 // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals(console.log);
+// reportWebVitals(console.log);

src/pages/Admin.js

@@ -0,0 +1,11 @@
+import React from "react";
+
+const Admin = () => {
+
+    return <div>
+        ADMIN
+    </div>;
+
+};
+
+export default Admin;

src/pages/Users.js

@@ -0,0 +1,11 @@
+import React from "react";
+
+const Users = () => {
+
+    return <div>
+        USERS
+    </div>;
+
+};
+
+export default Users;

src/structures/UnauthedRoute.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Navigate } from "react-router-dom";
+import { getUser } from "../util/Util";
+
+export const UnauthedRoute = ({ children }) => {
+    const user = getUser();
+    if (user) return <Navigate to='/home' replace />;
+    return children;
+};