@hitachivantara/uikit-cli 6.0.4 → 6.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-cli",
-  "version": "6.0.4",
+  "version": "6.0.5",
   "private": false,
   "type": "module",
   "author": "Hitachi Vantara UI Kit Team",
@@ -44,5 +44,5 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "0985fa0fa2f1fdff7a57fced4fcb1385544cb457"
+  "gitHead": "4b588056f4226feaedfa7fe4333225358436ccf2"
 }

package/src/baselines/app-shell/vite/src/lib/i18n.ts

@@ -4,25 +4,20 @@ import { createInstance, type i18n } from "i18next";
 import LanguageDetector from "i18next-browser-languagedetector";
 import Backend, { type HttpBackendOptions } from "i18next-http-backend";
 
-const initAppI18n = (baseUrl: string) => {
-  const i18nInstance: i18n = createInstance();
+const initAppI18n = (baseUrl: string): i18n => {
+  const i18nInstance = createInstance();
 
   const loadPath = `${baseUrl}locales/{{lng}}/{{ns}}.json`;
 
+  // learn more: https://react.i18next.com/latest/using-with-hooks#configure-i18next
   i18nInstance
-    // load translation using xhr -> see /public/locales
-    // learn more: https://github.com/i18next/i18next-xhr-backend
     .use(Backend)
-    // detect user language
-    // learn more: https://github.com/i18next/i18next-browser-languageDetector
     .use(LanguageDetector)
-    // pass the i18n instance to react-i18next.
     .use(initReactI18next)
-    // init i18next
-    // for all options read: https://www.i18next.com/overview/configuration-options
     .init<HttpBackendOptions>({
       fallbackLng: "en",
-      supportedLngs: ["en"],
+      // enable explicit declaration to avoid fetching non-existing `lng`s
+      // supportedLngs: ["en"],
       backend: {
         loadPath,
       },
@@ -36,9 +31,8 @@ const initAppI18n = (baseUrl: string) => {
 };
 
 export const useI18nInstance = () => {
-  const moduleId = "@hv-apps/uikit-app";
-  return useMemo(
-    () => initAppI18n(import.meta.resolve?.(`${moduleId}/`) || ""),
-    [moduleId],
-  );
+  return useMemo(() => {
+    const moduleId = "@hv-apps/uikit-app";
+    return initAppI18n(import.meta.resolve?.(`${moduleId}/`) || "");
+  }, []);
 };

package/src/baselines/app-shell/vite/src/providers/Provider.tsx

@@ -15,7 +15,9 @@ export function withProvider<
   const ComponentWithProvider: React.FC<P> = (props) => {
     return (
       <Suspense fallback={null}>
-        <WrappedComponent {...props} />
+        <Provider>
+          <WrappedComponent {...props} />
+        </Provider>
       </Suspense>
     );
   };