1 files changed, 15 insertions, 12 deletions

diff --git a/packages/renderer/src/i18n/loadRendererLoalization.ts b/packages/renderer/src/i18n/loadRendererLoalization.ts
index b078aeb..4d7b84a 100644
--- a/packages/renderer/src/i18n/loadRendererLoalization.ts
+++ b/packages/renderer/src/i18n/loadRendererLoalization.ts
@@ -20,7 +20,7 @@
 
 import { FALLBACK_LOCALE, SophieRenderer } from '@sophie/shared';
 import i18next from 'i18next';
-import { autorun } from 'mobx';
+import { reaction } from 'mobx';
 import { addDisposer } from 'mobx-state-tree';
 import { initReactI18next } from 'react-i18next';
 
@@ -68,17 +68,20 @@ export default function loadRendererLocalization(
     }
 
     await i18n.init();
-    const disposeChangeLanguage = autorun(() => {
-      const {
-        shared: { language },
-      } = store;
-      if (i18n.language !== language) {
-        log.debug('Setting language', language);
-        i18n.changeLanguage(language).catch((error) => {
-          log.error('Failed to change language', error);
-        });
-      }
-    });
+
+    const disposeChangeLanguage = reaction(
+      () => store.shared.language,
+      (languageToSet) => {
+        if (i18n.language !== languageToSet) {
+          i18n.changeLanguage(languageToSet).catch((error) => {
+            log.error('Failed to change language', error);
+          });
+        }
+      },
+      {
+        fireImmediately: true,
+      },
+    );
     addDisposer(store, disposeChangeLanguage);
   };