TODO: 推翻整个项目重新建立根基

client/utils/useEventListener.ts

@@ -0,0 +1,8 @@
+import * as React from 'react'
+
+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, eventName, callback])
+}