minor refactoring

src/App.tsx

@@ -4,6 +4,7 @@ import { RecoilRoot, useSetRecoilState } from 'recoil';
 import { ErrorBoundary } from '@components/ErrorBoundary';
 import { Loading } from '@components/Loading';
 import { ROUTES } from '@common/constants/routes.constants';
+import { DEFAULT_LOCALE } from '@common/constants/i18n.constants';
 import { OKAPI_CONFIG } from '@common/constants/api.constants';
 import { localStorageService } from '@common/services/storage';
 import { Root, Search, EditWrapper, ExternalResourcePreview } from '@views';
@@ -55,7 +56,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({ en });
+  const cachedMessages = useRef({ [DEFAULT_LOCALE]: en });
 
   useEffect(() => {
     setCustomEvents(config?.customEvents as Record<string, string>);

src/common/constants/i18n.constants.ts

@@ -0,0 +1 @@
+export const DEFAULT_LOCALE = 'en';

src/providers/AsyncIntlProvider.tsx

@@ -2,15 +2,14 @@ import { FC } from 'react';
 import { IntlProvider } from 'react-intl';
 import { useRecoilValue } from 'recoil';
 import { useLoadI18nMessages } from '@common/hooks/useLoadI18nMessages';
+import { DEFAULT_LOCALE } from '@common/constants/i18n.constants';
 import state from '@state';
 
 type AsyncIntlProviderProps = {
   cachedMessages: I18nMessages;
   children: React.ReactNode;
 };
 
-const DEFAULT_LOCALE = 'en';
-
 export const AsyncIntlProvider: FC<AsyncIntlProviderProps> = ({ cachedMessages, children }) => {
   const locale = useRecoilValue(state.config.locale);
   const { getMessages } = useLoadI18nMessages(cachedMessages, DEFAULT_LOCALE);