From 8e2145388772eefae989105bec9dbdfeddc04681 Mon Sep 17 00:00:00 2001
From: Johannes Marbach <n0-0ne+github@mailbox.org>
Date: Thu, 12 Sep 2024 09:34:07 +0200
Subject: [PATCH] Use i18next hook

---
 src/home/CallList.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/home/CallList.tsx b/src/home/CallList.tsx
index de0e1f51..526bb7e8 100644
--- a/src/home/CallList.tsx
+++ b/src/home/CallList.tsx
@@ -10,7 +10,7 @@ import { MatrixClient } from "matrix-js-sdk/src/client";
 import { RoomMember } from "matrix-js-sdk/src/models/room-member";
 import { Room } from "matrix-js-sdk/src/models/room";
 import { FC, useCallback, MouseEvent, useState } from "react";
-import { t } from "i18next";
+import { useTranslation } from "react-i18next";
 import { IconButton } from "@vector-im/compound-web";
 import { CloseIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 import classNames from "classnames";
@@ -60,6 +60,7 @@ interface CallTileProps {
 }
 
 const CallTile: FC<CallTileProps> = ({ name, avatarUrl, room, client }) => {
+  const { t } = useTranslation();
   const roomEncryptionSystem = useRoomEncryptionSystem(room.roomId);
   const [isLeaving, setIsLeaving] = useState(false);