use translation context from web-utils, don't use match react-router since is broken

1 files changed, 5 insertions, 4 deletions

diff --git a/packages/merchant-backoffice-ui/src/components/form/InputCurrency.tsx b/packages/merchant-backoffice-ui/src/components/form/InputCurrency.tsx
index 57a5163b7..3b84855da 100644
--- a/packages/merchant-backoffice-ui/src/components/form/InputCurrency.tsx
+++ b/packages/merchant-backoffice-ui/src/components/form/InputCurrency.tsx
@@ -18,7 +18,7 @@
  *
  * @author Sebastian Javier Marchano (sebasjm)
  */
-import { ComponentChildren, h } from "preact";
+import { ComponentChildren, h, VNode } from "preact";
 import { useConfigContext } from "../../context/config.js";
 import { Amount } from "../../declaration.js";
 import { InputWithAddon } from "./InputWithAddon.js";
@@ -42,7 +42,7 @@ export function InputCurrency<T>({
   addonAfter,
   children,
   side,
-}: Props<keyof T>) {
+}: Props<keyof T>): VNode {
   const config = useConfigContext();
   return (
     <InputWithAddon<T>
@@ -60,7 +60,8 @@ export function InputCurrency<T>({
       toStr={(v?: Amount) => v?.split(":")[1] || ""}
       fromStr={(v: string) => (!v ? "" : `${config.currency}:${v}`)}
       inputExtra={{ min: 0 }}
-      children={children}
-    />
+    >
+      {children}
+    </InputWithAddon>
   );
 }