Dir sync filesystem watching

src-web/hooks/useConfirm.ts

@@ -1,3 +1,4 @@
+import { useCallback } from 'react';
 import type { DialogProps } from '../components/core/Dialog';
 import type { ConfirmProps } from './Confirm';
 import { Confirm } from './Confirm';
@@ -5,27 +6,30 @@ import { useDialog } from './useDialog';
 
 export function useConfirm() {
   const dialog = useDialog();
-  return ({
-    id,
-    title,
-    description,
-    variant,
-    confirmText,
-  }: {
-    id: string;
-    title: DialogProps['title'];
-    description?: DialogProps['description'];
-    variant?: ConfirmProps['variant'];
-    confirmText?: ConfirmProps['confirmText'];
-  }) =>
-    new Promise((onResult: ConfirmProps['onResult']) => {
-      dialog.show({
-        id,
-        title,
-        description,
-        hideX: true,
-        size: 'sm',
-        render: ({ hide }) => Confirm({ onHide: hide, variant, onResult, confirmText }),
-      });
-    });
+  return useCallback(
+    ({
+      id,
+      title,
+      description,
+      variant,
+      confirmText,
+    }: {
+      id: string;
+      title: DialogProps['title'];
+      description?: DialogProps['description'];
+      variant?: ConfirmProps['variant'];
+      confirmText?: ConfirmProps['confirmText'];
+    }) =>
+      new Promise((onResult: ConfirmProps['onResult']) => {
+        dialog.show({
+          id,
+          title,
+          description,
+          hideX: true,
+          size: 'sm',
+          render: ({ hide }) => Confirm({ onHide: hide, variant, onResult, confirmText }),
+        });
+      }),
+    [dialog],
+  );
 }