RouteComponentProps 대신 Context를 사용하도록 변경

 import React, { useContext, useState } from 'react';
-import { RouteComponentProps } from 'react-router';
+import { useHistory } from 'react-router';
 import { Main } from '../components/common/Main';
 import { MessageResponse, MessageType } from '../components/common/types';
 import SocketContext from '../contexts/SocketContext';
 
-export const Login: React.FC<RouteComponentProps> = ({ history }) => {
+export const Login: React.FC = () => {
+    const history = useHistory();
     const socket = useContext(SocketContext);
     const [ username, setUsername ] = useState("");
 

 import React, { useContext, useEffect, useState } from 'react';
-import { RouteComponentProps } from 'react-router';
 import { Main } from '../components/common/Main';
 import { MessageResponse, MessageType } from '../components/common/types';
 import { RoomInfo } from '../components/rooms/RoomInfo';
 import { Room } from '../components/rooms/types';
 import SocketContext from '../contexts/SocketContext';
 
-export const Rooms: React.FC<RouteComponentProps> = ({ history }) => {
+export const Rooms: React.FC = () => {
   const socket = useContext(SocketContext);
   const [ rooms, setRooms ] = useState<Room[]>([]);