중첩라우팅

client/src/App.js

@@ -19,8 +19,11 @@ import Payment from "./pages/PaymentPage";
 function App() {
 
   return (
-    <div className="" style={{ backgroundColor: "black" }}>
     <AuthProvider>
+      <Router>
+        <Switch>
+          <Route path="/admin" component={AdminPage} />
+          <div style={{ backgroundColor: "black" }}>
             <Router>
               <SubNav />
               <Header />
@@ -36,11 +39,12 @@ function App() {
                 <Route path="/ticket" component={TicketingPage} />
                 <Route path="/payment" component={Payment} />
                 <Route path="/search" component={SearchPage} />
-            <Route path="/admin" component={AdminPage} />
               </Switch>
             </Router>
-      </AuthProvider>
           </div>
+        </Switch>
+      </Router>
+    </AuthProvider>
   );
 }