#428

frontend/src/lib/useUITranslation.ts

@@ -2,16 +2,16 @@ import { createElement } from 'react'
 import { useTranslation } from 'react-i18next'
 
 import LocalisedText from '@/components/LocalisedText'
+import { translateUIMessage } from '@/lib/i18n'
 import { useLocale } from '@/lib/useLocale'
 
 
 export const useUITranslation = (namespace = 'common') => {
   const locale = useLocale ()
-  const { t } = useTranslation (namespace, { lng: locale })
+  useTranslation (namespace, { lng: locale })
 
   const message = (key: string, values?: Record<string, string | number>) => {
-    const result = t (key, { ...values, returnDetails: true })
-    return { text: result.res, language: result.usedLng }
+    return translateUIMessage (key, namespace, locale, values)
   }
 
   const label = (key: string, values?: Record<string, string | number>) => {