fix #8395

6 files changed, 25 insertions, 25 deletions

diff --git a/packages/taler-wallet-webextension/src/mui/TextField.tsx b/packages/taler-wallet-webextension/src/mui/TextField.tsx
index 4d7c9a472..ab29fb78d 100644
--- a/packages/taler-wallet-webextension/src/mui/TextField.tsx
+++ b/packages/taler-wallet-webextension/src/mui/TextField.tsx
@@ -30,7 +30,7 @@ export interface Props {
   autoFocus?: boolean;
   color?: Colors;
   disabled?: boolean;
-  error?: string;
+  error?: string | Error;
   fullWidth?: boolean;
   helperText?: VNode | string;
   id?: string;
diff --git a/packages/taler-wallet-webextension/src/mui/handlers.ts b/packages/taler-wallet-webextension/src/mui/handlers.ts
index 735e8523f..a194bd02a 100644
--- a/packages/taler-wallet-webextension/src/mui/handlers.ts
+++ b/packages/taler-wallet-webextension/src/mui/handlers.ts
@@ -18,13 +18,13 @@ import { AmountJson } from "@gnu-taler/taler-util";
 export interface TextFieldHandler {
   onInput?: SafeHandler<string>;
   value: string;
-  error?: string;
+  error?: string | Error;
 }
 
 export interface AmountFieldHandler {
   onInput?: SafeHandler<AmountJson>;
   value: AmountJson;
-  error?: string;
+  error?: string | Error;
 }
 
 declare const __safe_handler: unique symbol;
diff --git a/packages/taler-wallet-webextension/src/mui/input/FormControl.tsx b/packages/taler-wallet-webextension/src/mui/input/FormControl.tsx
index 23dfcfd08..45f5a81d1 100644
--- a/packages/taler-wallet-webextension/src/mui/input/FormControl.tsx
+++ b/packages/taler-wallet-webextension/src/mui/input/FormControl.tsx
@@ -22,7 +22,7 @@ import { Colors } from "../style.js";
 export interface Props {
   color: Colors;
   disabled: boolean;
-  error?: string;
+  error?: string | Error;
   focused: boolean;
   fullWidth: boolean;
   hiddenLabel: boolean;
@@ -124,7 +124,7 @@ export interface FCCProps {
   // setAdornedStart,
   color: Colors;
   disabled: boolean;
-  error: string | undefined;
+  error: string | undefined | Error;
   filled: boolean;
   focused: boolean;
   fullWidth: boolean;
diff --git a/packages/taler-wallet-webextension/src/mui/input/FormHelperText.tsx b/packages/taler-wallet-webextension/src/mui/input/FormHelperText.tsx
index 5fa48a169..3b80b0f23 100644
--- a/packages/taler-wallet-webextension/src/mui/input/FormHelperText.tsx
+++ b/packages/taler-wallet-webextension/src/mui/input/FormHelperText.tsx
@@ -43,7 +43,7 @@ const containedStyle = css`
 
 interface Props {
   disabled?: boolean;
-  error?: string;
+  error?: string | Error;
   filled?: boolean;
   focused?: boolean;
   margin?: "dense";
diff --git a/packages/taler-wallet-webextension/src/mui/input/InputFilled.tsx b/packages/taler-wallet-webextension/src/mui/input/InputFilled.tsx
index a984f8451..0707046f3 100644
--- a/packages/taler-wallet-webextension/src/mui/input/InputFilled.tsx
+++ b/packages/taler-wallet-webextension/src/mui/input/InputFilled.tsx
@@ -27,7 +27,7 @@ export interface Props {
   defaultValue?: string;
   disabled?: boolean;
   disableUnderline?: boolean;
-  error?: string;
+  error?: string | Error;
   fullWidth?: boolean;
   id?: string;
   margin?: "dense" | "normal" | "none";
@@ -89,9 +89,9 @@ const filledRootStyle = css`
   border-top-left-radius: ${theme.shape.borderRadius}px;
   border-top-right-radius: ${theme.shape.borderRadius}px;
   transition: ${theme.transitions.create("background-color", {
-    duration: theme.transitions.duration.shorter,
-    easing: theme.transitions.easing.easeOut,
-  })};
+  duration: theme.transitions.duration.shorter,
+  easing: theme.transitions.easing.easeOut,
+})};
   // when is not disabled underline
   &:hover {
     background-color: ${backgroundColorHover};
@@ -124,9 +124,9 @@ const underlineStyle = css`
     right: 0px;
     transform: scaleX(0);
     transition: ${theme.transitions.create("transform", {
-      duration: theme.transitions.duration.shorter,
-      easing: theme.transitions.easing.easeOut,
-    })};
+  duration: theme.transitions.duration.shorter,
+  easing: theme.transitions.easing.easeOut,
+})};
     pointer-events: none;
   }
   &[data-focused]:after {
@@ -139,8 +139,8 @@ const underlineStyle = css`
   &:before {
     border-bottom: 1px solid
       ${theme.palette.mode === "light"
-        ? "rgba(0, 0, 0, 0.42)"
-        : "rgba(255, 255, 255, 0.7)"};
+    ? "rgba(0, 0, 0, 0.42)"
+    : "rgba(255, 255, 255, 0.7)"};
     left: 0px;
     bottom: 0px;
     right: 0px;
@@ -156,8 +156,8 @@ const underlineStyle = css`
     @media (hover: none) {
       border-bottom: 1px solid
         ${theme.palette.mode === "light"
-          ? "rgba(0, 0, 0, 0.42)"
-          : "rgba(255, 255, 255, 0.7)"};
+    ? "rgba(0, 0, 0, 0.42)"
+    : "rgba(255, 255, 255, 0.7)"};
     }
   }
   &[data-disabled]:before {
diff --git a/packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx b/packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx
index f7b5040e4..7352c5ec1 100644
--- a/packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx
+++ b/packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx
@@ -27,7 +27,7 @@ export interface Props {
   disabled?: boolean;
   disableUnderline?: boolean;
   endAdornment?: VNode;
-  error?: string;
+  error?: string | Error;
   fullWidth?: boolean;
   id?: string;
   margin?: "dense" | "normal" | "none";
@@ -82,9 +82,9 @@ const underlineStyle = css`
     right: 0px;
     transform: scaleX(0);
     transition: ${theme.transitions.create("transform", {
-      duration: theme.transitions.duration.shorter,
-      easing: theme.transitions.easing.easeOut,
-    })};
+  duration: theme.transitions.duration.shorter,
+  easing: theme.transitions.easing.easeOut,
+})};
     pointer-events: none;
   }
   &[data-focused]:after {
@@ -97,8 +97,8 @@ const underlineStyle = css`
   &:before {
     border-bottom: 1px solid
       ${theme.palette.mode === "light"
-        ? "rgba(0, 0, 0, 0.42)"
-        : "rgba(255, 255, 255, 0.7)"};
+    ? "rgba(0, 0, 0, 0.42)"
+    : "rgba(255, 255, 255, 0.7)"};
     left: 0px;
     bottom: 0px;
     right: 0px;
@@ -114,8 +114,8 @@ const underlineStyle = css`
     @media (hover: none) {
       border-bottom: 1px solid
         ${theme.palette.mode === "light"
-          ? "rgba(0, 0, 0, 0.42)"
-          : "rgba(255, 255, 255, 0.7)"};
+    ? "rgba(0, 0, 0, 0.42)"
+    : "rgba(255, 255, 255, 0.7)"};
     }
   }
   &[data-disabled]:before {