1 files changed, 41 insertions, 37 deletions
diff --git a/packages/taler-wallet-webextension/src/wallet/AddBackupProvider/state.ts b/packages/taler-wallet-webextension/src/wallet/AddBackupProvider/state.ts
index cf35abac7..75b8e53c0 100644
--- a/packages/taler-wallet-webextension/src/wallet/AddBackupProvider/state.ts
+++ b/packages/taler-wallet-webextension/src/wallet/AddBackupProvider/state.ts
@@ -14,11 +14,12 @@
  GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
  */
 
-import { canonicalizeBaseUrl, Codec } from "@gnu-taler/taler-util";
 import {
+  canonicalizeBaseUrl,
+  Codec,
   codecForSyncTermsOfServiceResponse,
-  WalletApiOperation,
-} from "@gnu-taler/taler-wallet-core";
+} from "@gnu-taler/taler-util";
+import { WalletApiOperation } from "@gnu-taler/taler-wallet-core";
 import { useEffect, useState } from "preact/hooks";
 import { useAlertContext } from "../../context/alert.js";
 import { useBackendContext } from "../../context/backend.js";
@@ -98,42 +99,45 @@ function useUrlState<T>(
   }
   const constHref = href;
 
-  useDebounceEffect(
-    500,
-    constHref == undefined
-      ? undefined
-      : async () => {
-          const req = await fetch(constHref).catch((e) => {
-            return setState({
-              status: "network-error",
-              href: constHref,
-            });
-          });
-          if (!req) return;
+  async function checkURL() {
+    if (!constHref) {
+      return;
+    }
+    const req = await fetch(constHref).catch((e) => {
+      return setState({
+        status: "network-error",
+        href: constHref,
+      });
+    });
+    if (!req) return;
+
+    if (req.status >= 400 && req.status < 500) {
+      setState({
+        status: "client-error",
+        code: req.status,
+      });
+      return;
+    }
+    if (req.status > 500) {
+      setState({
+        status: "server-error",
+        code: req.status,
+      });
+      return;
+    }
 
-          if (req.status >= 400 && req.status < 500) {
-            setState({
-              status: "client-error",
-              code: req.status,
-            });
-            return;
-          }
-          if (req.status > 500) {
-            setState({
-              status: "server-error",
-              code: req.status,
-            });
-            return;
-          }
+    const json = await req.json();
+    try {
+      const result = codec.decode(json);
+      setState({ status: "ok", result });
+    } catch (e: any) {
+      setState({ status: "parsing-error", json });
+    }
+  }
 
-          const json = await req.json();
-          try {
-            const result = codec.decode(json);
-            setState({ status: "ok", result });
-          } catch (e: any) {
-            setState({ status: "parsing-error", json });
-          }
-        },
+  useDebounceEffect(
+    500,
+    constHref == undefined ? undefined : checkURL,
     [host, path],
   );