diff --git a/client/ui/useEventListener.ts b/client/ui/useEventListener.ts
index 1cd89cc..169f29f 100644
--- a/client/ui/useEventListener.ts
+++ b/client/ui/useEventListener.ts
@@ -1,8 +1,8 @@
 import * as React from 'react'
 
-export default function useEventListener<T extends HTMLElement>(ref: React.MutableRefObject<T>, eventName: string, callback: (event: Event) => void) {
+export default function useEventListener<T extends HTMLElement | null>(ref: React.MutableRefObject<T>, eventName: string, callback: (event: Event) => void) {
     React.useEffect(() => {
-        ref.current.addEventListener(eventName, callback)
-        return () => ref.current.removeEventListener(eventName, callback)
+        ref.current!.addEventListener(eventName, callback)
+        return () => ref.current!.removeEventListener(eventName, callback)
     }, [ref, eventName, callback])
 }