diff --git a/content/4-component-composition/5-context/react/App.jsx b/content/4-component-composition/5-context/react/App.jsx
index 9469aa8f..dee7d03a 100644
--- a/content/4-component-composition/5-context/react/App.jsx
+++ b/content/4-component-composition/5-context/react/App.jsx
@@ -1,7 +1,7 @@
 import { useState, createContext } from "react";
 import UserProfile from "./UserProfile";
 
-const UserContext = createContext();
+export const UserContext = createContext();
 
 export default function App() {
   // In a real app, you would fetch the user data from an API