load language only!

ui/src/components/LanguageSelect/LanguageSelect.jsx

@@ -9,11 +9,11 @@ import { Icon } from '@kerberos-io/ui';
 import './LanguageSelect.scss';
 
 const LanguageSelect = () => {
-  const selected = localStorage.getItem('i18nextLng') || 'en-US';
+  const selected = localStorage.getItem('i18nextLng') || 'en';
   const { t } = useTranslation();
 
   const languageMap = {
-    'en-US': {
+    en: {
       label: t('navigation.languages.english'),
       dir: 'ltr',
       active: true,

ui/src/i18n.js

@@ -8,11 +8,13 @@ i18n
   .use(LanguageDetector)
   .use(initReactI18next)
   .init({
-    fallbackLng: 'en-US',
+    fallbackLng: 'en',
     debug: false,
     interpolation: {
       escapeValue: false,
     },
+    load: 'languageOnly',
+    whitelist: ['nl', 'en', 'fr'],
   });
 
 export default i18n;