hotfix: TokenRefresher 불러오는 곳 변경 - 2

Author: pepperdad

src/App.tsx

@@ -13,7 +13,6 @@ import { useEffect } from "react";
 import { HelmetProvider } from "react-helmet-async";
 import { RouterProvider } from "react-router-dom";
 import { ThemeProvider } from "styled-components";
-import TokenRefresher from "./hooks/useTokenRefresher";
 import router from "./routes/Router";
 
 const darkTheme = createTheme({
@@ -42,7 +41,6 @@ function App() {
           <ThemeProvider theme={theme}>
             <LocalizationProvider dateAdapter={AdapterDayjs}>
               <GlobalStyle />
-              <TokenRefresher />
               <RouterProvider router={router} />
               <Modal />
               <Alert />

src/routes/Router.tsx

@@ -10,12 +10,18 @@ import OnBoarding from "@pages/onBoarding/OnBoarding";
 import { GIG_ROUTES, LOOKUP_ROUTES, MANAGE_ROUTES, REGISTER_ROUTES, TEST_ROUTES } from "@routes";
 import DesktopGlobalStyle from "@styles/desktop";
 import { createBrowserRouter } from "react-router-dom";
+import TokenRefresher from "src/hooks/useTokenRefresher";
 import ADMIN_ROUTES from "./AdminRoutes";
 
 const router = createBrowserRouter([
   {
     path: "/main",
-    element: <Main />,
+    element: (
+      <>
+        <TokenRefresher />
+        <Main />
+      </>
+    ),
   },
   { path: "/intro", element: <Intro /> },
   {