fix(webapp): workaround setTimeout/setInterval return type

see also:
- microsoft/TypeScript#18588
- microsoft/TypeScript#37053

Author: rocka

tsconfig.json

@@ -4,6 +4,7 @@
     "paths": {
       "@/*": ["./*"]
     },
+    "types": [""],
     "target": "ESNext",
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
     "jsx": "react-jsx",

webapp/components/player/player.tsx

@@ -83,10 +83,10 @@ export default function Player(props: { stream: MediaStream, muted: boolean, aud
   const videoTrack = props.stream.getVideoTracks()[0]
   const [currentDeviceSpeaker] = useAtom(deviceSpeakerAtom)
   const [speakerStatus] = useAtom(speakerStatusAtom)
-  const refPlayPromise = useRef<Promise<void> | null>(null)
+  const refPlayPromise = useRef<Promise<void>>()
   const refControls = useRef<HTMLDivElement>(null)
   const [showControls, setShowControls] = useState(false)
-  const refTimeoutId = useRef<NodeJS.Timeout | null>(null)
+  const refTimeoutId = useRef<number>()
   const [isMuted, setIsMuted] = useState(false)
   const [isFullscreened, setIsFullscreened] = useState(false)
   const [isPictureInPictured, setIsPictureInPictured] = useState(false)

webapp/components/use/whep.ts

@@ -81,7 +81,7 @@ class WHEPContext extends Context {
   async stop() {
     if (this.timer) {
       clearInterval(this.timer)
-      this.timer = null
+      this.timer = undefined
     }
     try {
       await this.client.stop()

webapp/components/use/whip.ts

@@ -223,7 +223,7 @@ class WHIPContext extends Context {
   async stop() {
     if (this.timer) {
       clearInterval(this.timer)
-      this.timer = null
+      this.timer = undefined
     }
     try {
       await this.client.stop()

webapp/components/use/whxp.ts

@@ -24,7 +24,7 @@ class Context extends EventTarget {
     screen: false,
   }
 
-  timer: ReturnType<typeof setInterval> | null = null
+  timer?: number
 
   constructor(id: string) {
     super()