wip

js/desktop/src/hooks/use-media-devices.ts

@@ -25,21 +25,23 @@ export function useMediaDevices(): UseMediaDevicesResult {
     useState<PermissionState>("unknown");
   const [error, setError] = useState<string | null>(null);
 
-  const refresh = useCallback(async () => {
-    try {
-      const list = await navigator.mediaDevices.enumerateDevices();
-      setDevices(list);
-      // If at least one input device has a non-empty label, permission
-      // has been granted at some point for that device kind.
-      const hasLabels = list.some(
-        (d) =>
-          (d.kind === "audioinput" || d.kind === "videoinput") &&
-          d.label.length > 0,
-      );
-      if (hasLabels) setPermissionState("granted");
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to list devices");
-    }
+  const refresh = useCallback(() => {
+    return navigator.mediaDevices
+      .enumerateDevices()
+      .then((list) => {
+        setDevices(list);
+        // If at least one input device has a non-empty label, permission
+        // has been granted at some point for that device kind.
+        const hasLabels = list.some(
+          (d) =>
+            (d.kind === "audioinput" || d.kind === "videoinput") &&
+            d.label.length > 0,
+        );
+        if (hasLabels) setPermissionState("granted");
+      })
+      .catch((err) => {
+        setError(err instanceof Error ? err.message : "Failed to list devices");
+      });
   }, []);
 
   const requestLabels = useCallback(async () => {