._.

src/AuthContext.jsx

@@ -1,3 +1,11 @@
+import React, { createContext, useContext, useState, useEffect } from 'react';
+
+const AuthContext = createContext();
+
+export const useAuth = () => {
+    return useContext(AuthContext); 
+};
+
 export const AuthProvider = ({ children }) => {
     const [isAuthenticated, setIsAuthenticated] = useState(() => {
         const savedAuth = localStorage.getItem('isAuthenticated');

src/components/PrivateRoute.jsx

@@ -5,6 +5,10 @@ import { useAuth } from '../AuthContext.jsx';
 const PrivateRoute = () => {
     const { isAuthenticated } = useAuth();
 
+    if (isAuthenticated === null) {
+        return <div>Loading...</div>;
+    }
+
     return isAuthenticated ? <Outlet /> : <Navigate to="/login" />;
 };
 

src/pages/Home.jsx

@@ -2,5 +2,9 @@ import React, { useState, useEffect } from 'react';
 
 const Home = () => {
 
-    return 
+    return (
+        <div>
+            sadvsgrhgrtshte
+        </div>
+    )
 }