Merge pull request #10 from NamgungJongMin/develop

🚑Fix: fix way to insert query string

src/App.tsx

@@ -16,12 +16,12 @@ function App() {
         <Route path="/" element={<Signin />} />
         <Route path="/lobby" element={<Lobby />} />
         <Route path="/signup" element={<Signup />} />
-        <Route path="/chat/:id" element={<Chat />} />
-        <Route path="/hanging/:id" element={<Hanging />} />
-        <Route path="/night/:id" element={<Night />} />
-        <Route path="/result/:id" element={<Result />} />
-        <Route path="/role/:id" element={<Role />} />
-        <Route path="/vote/:id" element={<Vote />} />
+        <Route path="/chat" element={<Chat />} />
+        <Route path="/hanging" element={<Hanging />} />
+        <Route path="/night" element={<Night />} />
+        <Route path="/result" element={<Result />} />
+        <Route path="/role" element={<Role />} />
+        <Route path="/vote" element={<Vote />} />
       </Routes>
     </BrowserRouter>
   );

src/components/lobby/CreateModal.tsx

@@ -39,11 +39,11 @@ const CreateModal = ({ toggleModal }: Props): JSX.Element => {
         ],
       });
 
-      navigate(`/chat/${fastResponse.id}`);
+      navigate(`/chat?chatId=${fastResponse.id}&pocketId=${pocketResponse.id}`);
 
       console.log(
         `fastResponse: ${fastResponse.id}`,
-        `pocketResponse: ${pocketResponse}`,
+        `pocketResponse: ${pocketResponse.id}`,
       );
     } catch (error) {
       console.error('Creat Room Request Error');