diff --git a/src/frontend/src/features/notifications/MainNotificationToast.tsx b/src/frontend/src/features/notifications/MainNotificationToast.tsx index e1d87f37..0cbeb71f 100644 --- a/src/frontend/src/features/notifications/MainNotificationToast.tsx +++ b/src/frontend/src/features/notifications/MainNotificationToast.tsx @@ -12,6 +12,7 @@ import { ANIMATION_DURATION, ReactionPortals, } from '@/features/rooms/livekit/components/ReactionPortal' +import { useTranslation } from 'react-i18next' export const MainNotificationToast = () => { const room = useRoomContext() @@ -186,6 +187,10 @@ export const MainNotificationToast = () => { } }, [room]) + // Without this line, when the component first renders, + // the 'notifications' namespace might not be loaded yet + useTranslation(['notifications']) + return (