Upgrade typescript

ui/package.json

@@ -16,7 +16,7 @@
     "react-dom": "^17.0.2",
     "react-hotkeys-hook": "^3.3.0",
     "react-scripts": "4.0.3",
-    "typescript": "~3.7.2",
+    "typescript": "~4.2.4",
     "unique-names-generator": "^4.4.0",
     "use-http": "^1.0.19"
   },

ui/src/Room.tsx

@@ -66,7 +66,7 @@ export const Room = ({
     const [nameInput, setNameInput] = React.useState('');
     const [permanent, setPermanent] = React.useState(false);
     const [showControl, setShowControl] = React.useState(true);
-    const [hoverControl, setHoverControl] = React.useState();
+    const [hoverControl, setHoverControl] = React.useState(false);
     const [showMore, setShowMore] = React.useState<Element>();
     const [selectedStream, setSelectedStream] = React.useState<string | typeof HostStream>();
     const [videoElement, setVideoElement] = React.useState<HTMLVideoElement | null>(null);
@@ -251,7 +251,7 @@ export const Room = ({
                         anchorEl={showMore}
                         keepMounted
                         open={Boolean(showMore)}
-                        onClose={(e) => setShowMore(undefined)}>
+                        onClose={() => setShowMore(undefined)}>
                         <MenuItem
                             onClick={() => {
                                 setShowMore(undefined);

ui/src/useRoom.ts

@@ -119,7 +119,7 @@ const clientSession = async ({
     return peer;
 };
 
-export type FCreateRoom = (room: RoomCreate | JoinRoom) => Promise<string | true>;
+export type FCreateRoom = (room: RoomCreate | JoinRoom) => Promise<void>;
 
 export const useRoom = (): UseRoom => {
     const [roomID, setRoomID] = useRoomID();
@@ -133,7 +133,7 @@ export const useRoom = (): UseRoom => {
 
     const room: FCreateRoom = React.useCallback(
         (create) => {
-            return new Promise<true | string>((resolve) => {
+            return new Promise<void>((resolve) => {
                 const ws = (conn.current = new WebSocket(
                     urlWithSlash.replace('http', 'ws') + 'stream'
                 ));

ui/tsconfig.json

@@ -17,7 +17,7 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react",
+    "jsx": "react-jsx",
     "noFallthroughCasesInSwitch": true
   },
   "include": [

ui/yarn.lock

@@ -11664,10 +11664,10 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
 
-typescript@~3.7.2:
-  version "3.7.5"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.7.5.tgz#0692e21f65fd4108b9330238aac11dd2e177a1ae"
-  integrity sha512-/P5lkRXkWHNAbcJIiHPfRoKqyd7bsyCma1hZNUGfn20qm64T6ZBlrzprymeu918H+mB/0rIg2gGK/BXkhhYgBw==
+typescript@~4.2.4:
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.2.4.tgz#8610b59747de028fda898a8aef0e103f156d0961"
+  integrity sha512-V+evlYHZnQkaz8TRBuxTA92yZBPotr5H+WhQ7bD3hZUndx5tGOa1fuCgeSjxAzM1RiN5IzvadIXTVefuuwZCRg==
 
 unbox-primitive@^1.0.0:
   version "1.0.1"