fix(ConnectWalletForm): correctly render error from transientState (#837

)
interledger · Jan 16, 2025 · 16c100e · 16c100e
1 parent 6ebcedf
commit 16c100e
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/pages/popup/components/ConnectWalletForm.tsx b/src/pages/popup/components/ConnectWalletForm.tsx
@@ -12,6 +12,7 @@ import {
 } from '@/pages/shared/components/InputAmount';
 import { toWalletAddressUrl } from '@/pages/shared/lib/utils';
 import { useTranslation } from '@/popup/lib/context';
+import { deepClone } from 'valtio/utils';
 import {
   cn,
   errorWithKey,
@@ -104,8 +105,12 @@ export const ConnectWalletForm = ({
   const [errors, setErrors] = React.useState<Errors>({
     walletAddressUrl: null,
     amount: null,
-    keyPair: state?.status === 'error:key' ? toErrorInfo(state.error) : null,
-    connect: state?.status === 'error' ? toErrorInfo(state.error) : null,
+    keyPair:
+      state?.status === 'error:key'
+        ? toErrorInfo(deepClone(state.error))
+        : null,
+    connect:
+      state?.status === 'error' ? toErrorInfo(deepClone(state.error)) : null,
   });
   const [isValidating, setIsValidating] = React.useState({
     walletAddressUrl: false,