Load i18n messages for the default locale

folio-org · Nov 11, 2024 · 8b15888 · 8b15888
1 parent 5233982
commit 8b15888
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -8,6 +8,7 @@ import { OKAPI_CONFIG } from '@common/constants/api.constants';
 import { localStorageService } from '@common/services/storage';
 import { Root, Search, EditWrapper, ExternalResourcePreview } from '@views';
 import state from '@state';
+import en from '../translations/ui-linked-data/en.json';
 import { AsyncIntlProvider, ServicesProvider } from './providers';
 import './App.scss';
 
@@ -54,7 +55,7 @@ const createRouter = (basename: string) => createBrowserRouter(routes, { basenam
 const Container: FC<IContainer> = ({ routePrefix = '', config }) => {
   const setCustomEvents = useSetRecoilState(state.config.customEvents);
   const setHasNavigationOrigin = useSetRecoilState(state.config.hasNavigationOrigin);
-  const cachedMessages = useRef({});
+  const cachedMessages = useRef({ en });
 
   useEffect(() => {
     setCustomEvents(config?.customEvents as Record<string, string>);

diff --git a/src/providers/AsyncIntlProvider.tsx b/src/providers/AsyncIntlProvider.tsx
@@ -5,7 +5,7 @@ import { useLoadI18nMessages } from '@common/hooks/useLoadI18nMessages';
 import state from '@state';
 
 type AsyncIntlProviderProps = {
-  cachedMessages: Record<string, Record<string, string>>;
+  cachedMessages: I18nMessages;
   children: React.ReactNode;
 };
 
@@ -16,7 +16,7 @@ export const AsyncIntlProvider: FC<AsyncIntlProviderProps> = ({ cachedMessages,
   const i18nMessages = getMessages(locale);
 
   return (
-    <IntlProvider messages={i18nMessages || {}} locale={locale} defaultLocale="en-US">
+    <IntlProvider messages={i18nMessages || {}} locale={locale} defaultLocale="en">
       {children}
     </IntlProvider>
   );