x

apps/website/src/components/ClientProviders.tsx

@@ -2,9 +2,19 @@
 import '../lib/i18n';
 import CartDrawer from './CartDrawer';
 import ScrollToTop from './ScrollToTop';
-import { ReactNode } from 'react';
+import { useEffect, type ReactNode } from 'react';
+import i18n from '../lib/i18n';
 
 export default function ClientProviders({ children }: { children: ReactNode }) {
+  useEffect(() => {
+    const savedLang = localStorage.getItem('homaroma_lang')
+
+    // Hydrate from the user's persisted language only after the first client render.
+    if (savedLang && savedLang !== i18n.language) {
+      void i18n.changeLanguage(savedLang)
+    }
+  }, [])
+
   return (
     <>
       <ScrollToTop />