1 files changed, 4 insertions, 4 deletions
diff --git a/packages/merchant-backoffice-ui/src/paths/instance/reserves/list/index.tsx b/packages/merchant-backoffice-ui/src/paths/instance/reserves/list/index.tsx
index 182b3f72c..9c3255ee8 100644
--- a/packages/merchant-backoffice-ui/src/paths/instance/reserves/list/index.tsx
+++ b/packages/merchant-backoffice-ui/src/paths/instance/reserves/list/index.tsx
@@ -19,6 +19,7 @@
  * @author Sebastian Javier Marchano (sebasjm)
  */
 
+import { useTranslationContext } from "@gnu-taler/web-util/lib/index.browser";
 import { h, VNode } from "preact";
 import { useState } from "preact/hooks";
 import { Loading } from "../../../../components/exception/loading.js";
@@ -29,10 +30,9 @@ import {
   useInstanceReserves,
   useReservesAPI,
 } from "../../../../hooks/reserves.js";
-import { useTranslator } from "../../../../i18n/index.js";
 import { Notification } from "../../../../utils/types.js";
-import { CardTable } from "./Table.js";
 import { AuthorizeTipModal } from "./AutorizeTipModal.js";
+import { CardTable } from "./Table.js";
 
 interface Props {
   onUnauthorized: () => VNode;
@@ -57,7 +57,7 @@ export default function ListTips({
   const result = useInstanceReserves();
   const { deleteReserve, authorizeTipReserve } = useReservesAPI();
   const [notif, setNotif] = useState<Notification | undefined>(undefined);
-  const i18n = useTranslator();
+  const { i18n } = useTranslationContext();
   const [reserveForTip, setReserveForTip] = useState<string | undefined>(
     undefined,
   );
@@ -93,7 +93,7 @@ export default function ListTips({
               });
             } catch (error) {
               setNotif({
-                message: i18n`could not create the tip`,
+                message: i18n.str`could not create the tip`,
                 type: "ERROR",
                 description: error instanceof Error ? error.message : undefined,
               });