some logic rewritten in add dialog

web/src/utils/usePreviousState.js

@@ -0,0 +1,11 @@
+import { useEffect, useRef } from 'react'
+
+export default function usePreviousState(value) {
+  const ref = useRef(value)
+
+  useEffect(() => {
+    ref.current = value
+  }, [value])
+
+  return ref.current
+}