chore,fix(frontend/internationlization): refactor default module access

hotosm · Jan 18, 2025 · 41cd34c · 41cd34c
1 parent 21b5c9d
commit 41cd34c
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/frontend/src/utils/internationalization.jsx b/frontend/src/utils/internationalization.jsx
@@ -59,9 +59,9 @@ async function getTranslatedMessages(locale) {
   }
   if (val) {
     const parsed = val.replace('-', '_');
-    return await import(/* webpackChunkName: "lang-[request]" */ `../locales/${parsed}.json`);
+    return await import(/* webpackChunkName: "lang-[request]" */ `../locales/${parsed}.json`).default;
   }
-  return await import(/* webpackChunkName: "lang-en" */ '../locales/en.json');
+  return await import(/* webpackChunkName: "lang-en" */ '../locales/en.json').default;
 }
 
 /* textComponent is for orderBy <select>, see codesandbox at https://github.com/facebook/react/issues/15513 */
@@ -73,7 +73,7 @@ let ConnectedIntl = (props) => {
       props.setLocale(getSupportedLocale(navigator.language).value);
     }
     getTranslatedMessages(props.locale)
-      .then((messages) => setI18nMessages(messages.default))
+      .then((messages) => setI18nMessages(messages))
       .catch((err) => console.error(err));
   }, [props]);