diff options
author | Florian Dold <florian@dold.me> | 2021-12-08 11:03:50 +0100 |
---|---|---|
committer | Florian Dold <florian@dold.me> | 2021-12-08 11:03:50 +0100 |
commit | 73dabdf43a55849ac5ca571f938d5dd847b03404 (patch) | |
tree | 36dce04b79ff36d136a473474fb72646a50a0e86 /packages/taler-wallet-webextension/src/cta/Pay.tsx | |
parent | 5b1f779b1289c4f195085b08218d92cfdb08848e (diff) | |
download | wallet-core-73dabdf43a55849ac5ca571f938d5dd847b03404.tar.xz |
webextension: fix useEffect dependency tracking
Diffstat (limited to 'packages/taler-wallet-webextension/src/cta/Pay.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/cta/Pay.tsx | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/packages/taler-wallet-webextension/src/cta/Pay.tsx b/packages/taler-wallet-webextension/src/cta/Pay.tsx index f1c8f270c..7b7d940c7 100644 --- a/packages/taler-wallet-webextension/src/cta/Pay.tsx +++ b/packages/taler-wallet-webextension/src/cta/Pay.tsx @@ -134,6 +134,8 @@ export function PayPage({ const foundAmount = foundBalance ? Amounts.parseOrThrow(foundBalance.available) : undefined; + // We use a string here so that dependency tracking for useEffect works properly + const foundAmountStr = foundAmount ? Amounts.stringify(foundAmount) : undefined; useEffect(() => { if (!talerPayUri) return; @@ -142,6 +144,7 @@ export function PayPage({ const p = await wxApi.preparePay(talerPayUri); setPayStatus(p); } catch (e) { + console.log("Got error while trying to pay", e); if (e instanceof OperationFailedError) { setPayErrMsg(e); } @@ -151,7 +154,7 @@ export function PayPage({ } }; doFetch(); - }, [talerPayUri, foundAmount]); + }, [talerPayUri, foundAmountStr]); if (!talerPayUri) { return <span>missing pay uri</span>; |