这一大坨玩意我不想写说明了

client/utils/useEffectRef.ts

@@ -0,0 +1,11 @@
+import { Dialog } from "mdui"
+import { BlockerFunction, useBlocker, useNavigate } from "react-router"
+import * as React from 'react'
+
+export default function useEffectRef<T = undefined>(effect: (ref: React.MutableRefObject<T | undefined>) => void | (() => void), deps?: React.DependencyList) {
+    const ref = React.useRef<T>()
+    React.useEffect(() => {
+        return effect(ref)
+    }, deps)
+    return ref
+}