다시

client/src/App.js

+import React, { useState, useEffect } from "react";
 import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
 import Header from "./components/Header";
 import SubNav from "./components/Navs/SubNav";
@@ -13,10 +14,15 @@ import AdminPage from "./pages/AdminPage/AdminPage";
 import TicketingPage from "./pages/TicketingPage";
 import SearchPage from "./pages/SearchPage";
 
+const AppContext = React.createContext();
+
 function App() {
+  const [role, setRole] = useState("user");
+  const store = {role, setRole};
   
   return (
     <div className="" style={{ backgroundColor: "black" }}>
+      <AppContext.Provider value={store}>
         <Router style={{ backgroundColor: "black" }}>
           <SubNav />
           <Header />
@@ -32,8 +38,10 @@ function App() {
             <Route path="/admin" component={AdminPage} />
           </Switch>
         </Router>
-    // </div>
+      </AppContext.Provider>
+    </div>
   );
 }
 
+export { AppContext }
 export default App;