Merge pull request #186 from Nexters/develop

fix: 라우터 동작 방식 수정

apps/preview/src/App.tsx

@@ -3,24 +3,19 @@ import 'the-new-css-reset/css/reset.css';
 
 import { QueryClientProvider } from '@boolti/api';
 import { BooltiUIProvider } from '@boolti/ui';
-import { createBrowserRouter, RouterProvider } from 'react-router-dom';
+import { Route, Routes } from 'react-router-dom';
 import { HelmetProvider } from 'react-helmet-async';
 
 import ShowPreviewPage from './pages/ShowPreviewPage/ShowPreviewPage';
 
-const router = createBrowserRouter([
-  {
-    path: '/show/:showId',
-    element: <ShowPreviewPage />,
-  },
-]);
-
 const App = () => {
   return (
     <QueryClientProvider>
       <BooltiUIProvider>
         <HelmetProvider>
-          <RouterProvider router={router} />
+          <Routes>
+            <Route element={<ShowPreviewPage />} path="/show/:showId" />
+          </Routes>
         </HelmetProvider>
       </BooltiUIProvider>
     </QueryClientProvider>

apps/preview/src/main.tsx

@@ -1,5 +1,10 @@
 import ReactDOM from 'react-dom/client';
 
 import App from './App.tsx';
+import { BrowserRouter } from 'react-router-dom';
 
-ReactDOM.createRoot(document.getElementById('root')!).render(<App />);
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <BrowserRouter>
+    <App />
+  </BrowserRouter>,
+);