라우터에 Room 컴포넌트 추가

@@ -2,6 +2,7 @@ import React from 'react';
 import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
 import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
 import { socket, SocketProvider } from './contexts/SocketContext';
 import { socket, SocketProvider } from './contexts/SocketContext';
 import { Login } from './pages/Login';
 import { Login } from './pages/Login';
+import { Room } from './pages/Room';
 import { Rooms } from './pages/Rooms';
 import { Rooms } from './pages/Rooms';
 
 
 const App: React.FC = () => {
 const App: React.FC = () => {
@@ -11,7 +12,7 @@ const App: React.FC = () => {
         <Switch>
         <Switch>
           <Route exact path='/' component={Login}/>
           <Route exact path='/' component={Login}/>
           <Route path='/rooms' component={Rooms}></Route>
           <Route path='/rooms' component={Rooms}></Route>
-          <Route path='/:roomId'></Route>
+          <Route path='/:roomId' component={Room}></Route>
         </Switch>
         </Switch>
       </Router>
       </Router>
     </SocketProvider>
     </SocketProvider>