diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index d064d89ae..9c4ba6252 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -1,7 +1,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; import { ErrorBoundary } from 'components/ErrorBoundary/ErrorBoundary'; import { ReactQueryDevtools } from '@tanstack/react-query-devtools'; -import Layout from 'pages/Layout/Layout'; +import { Outlet } from 'react-router-dom'; const queryClient = new QueryClient({ defaultOptions: { @@ -16,7 +16,7 @@ const App = () => { return ( - + diff --git a/frontend/src/routes/Router.tsx b/frontend/src/routes/Router.tsx index 0a1a48c9a..0b25812d1 100644 --- a/frontend/src/routes/Router.tsx +++ b/frontend/src/routes/Router.tsx @@ -3,6 +3,8 @@ import WritingPage from 'pages/WritingPage/WritingPage'; import WritingTablePage from 'pages/WritingTablePage/WritingTablePage'; import App from '../App'; import OauthPage from 'pages/OauthPage/OauthPage'; +import IntroducePage from 'pages/IntroducePage/IntroducePage'; +import Layout from 'pages/Layout/Layout'; export const Router = () => { const browserRouter = createBrowserRouter([ @@ -11,12 +13,8 @@ export const Router = () => { element: , children: [ { - path: '/writings/:categoryId/:writingId', - element: , - }, - { - path: '/writings/:categoryId', - element: , + path: '', + element: , }, { path: '/oauth/login/*', @@ -27,6 +25,20 @@ export const Router = () => { }, ], }, + { + path: '/space', + element: , + children: [ + { + path: 'writings/:categoryId/:writingId', + element: , + }, + { + path: 'writings/:categoryId', + element: , + }, + ], + }, ], }, ]);