TranslatedField.js translations from TranslationContext can be undefined

kvarteret · Feb 21, 2024 · d2151ca · d2151ca
1 parent 906bbe4
commit d2151ca
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/packages/dak-components/lib/components/TranslatedField.js b/packages/dak-components/lib/components/TranslatedField.js
@@ -40,6 +40,14 @@ const getTranslationsData = async (lang, fields) => {
 
 const useTranslation = (key) => {
   const translations = useContext(TranslationContext);
+  if (translations === undefined) {
+    console.error(
+      "Missing translation for key " +
+        key +
+        " useContext(TranslationContext) is undefined"
+    );
+    return key; // default to render key if translations are not loaded
+  }
   const item = translations[key];
   if (!item) throw "Missing translation with key " + key;
   return item;