move initDefaultLanguage to useOnce

okta · Sep 5, 2024 · fb60838 · fb60838
1 parent 1c35e37
commit fb60838
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/src/v3/src/components/Widget/index.tsx b/src/v3/src/components/Widget/index.tsx
@@ -151,17 +151,17 @@ export const Widget: FunctionComponent<WidgetProps> = (widgetProps) => {
     };
   }, [brandColors, customTheme, languageDirection]);
 
-  useEffect(() => {
-    // load default language once
+  useOnce(() => {
+    // Load default language.
+    // Should be called before initial render
     initDefaultLanguage();
+  });
 
-    // on unmount, remove the language
-    return () => {
-      if (Bundles.isLoaded(languageCode)) {
-        Bundles.remove();
-        unloadLanguage(languageCode);
-      }
-    };
+  useEffect(() => () => {
+    if (Bundles.isLoaded(languageCode)) {
+      Bundles.remove();
+      unloadLanguage(languageCode);
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);