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

1 files changed, 3 insertions, 3 deletions

diff --git a/packages/merchant-backoffice-ui/src/components/exception/AsyncButton.tsx b/packages/merchant-backoffice-ui/src/components/exception/AsyncButton.tsx
index 510bc29b8..aa50dfa91 100644
--- a/packages/merchant-backoffice-ui/src/components/exception/AsyncButton.tsx
+++ b/packages/merchant-backoffice-ui/src/components/exception/AsyncButton.tsx
@@ -22,7 +22,7 @@
 import { ComponentChildren, h } from "preact";
 import { LoadingModal } from "../modal/index.js";
 import { useAsync } from "../../hooks/async.js";
-import { Translate } from "../../i18n/index.js";
+import { useTranslationContext } from "@gnu-taler/web-util/lib/index.browser";
 
 type Props = {
   children: ComponentChildren;
@@ -33,14 +33,14 @@ type Props = {
 
 export function AsyncButton({ onClick, disabled, children, ...rest }: Props) {
   const { isSlow, isLoading, request, cancel } = useAsync(onClick);
-
+  const { i18n } = useTranslationContext();
   if (isSlow) {
     return <LoadingModal onCancel={cancel} />;
   }
   if (isLoading) {
     return (
       <button class="button">
-        <Translate>Loading...</Translate>
+        <i18n.Translate>Loading...</i18n.Translate>
       </button>
     );
   }