diff --git a/client/src/context/AuthContext.js b/client/src/context/AuthContext.js
index 31bb67e..749a4a6 100644
--- a/client/src/context/AuthContext.js
+++ b/client/src/context/AuthContext.js
@@ -17,8 +17,8 @@ export const AuthContextProvider = ({ children }) => {
   }, [state.currentUser]);
 
   return (
-    <AuthContextProvider value={{ currentUser: state.currentUser, dispatch }}>
+    <AuthContext.Provider value={{ currentUser: state.currentUser, dispatch }}>
       {children}
-    </AuthContextProvider>
+    </AuthContext.Provider>
   );
 };
diff --git a/client/src/index.js b/client/src/index.js
index b390529..fb93a0a 100644
--- a/client/src/index.js
+++ b/client/src/index.js
@@ -4,13 +4,16 @@ import "./index.css";
 import App from "./App";
 import reportWebVitals from "./reportWebVitals";
 import { BrowserRouter } from "react-router-dom";
+import { AuthContextProvider } from "./context/AuthContext";
 
 const root = ReactDOM.createRoot(document.getElementById("root"));
 root.render(
   <React.StrictMode>
-    <BrowserRouter>
-      <App />
-    </BrowserRouter>
+    <AuthContextProvider>
+      <BrowserRouter>
+        <App />
+      </BrowserRouter>
+    </AuthContextProvider>
   </React.StrictMode>
 );