fixed language switching in the frontend

resources/js/ssr.tsx

@@ -2,6 +2,8 @@ import { createInertiaApp } from '@inertiajs/react';
 import createServer from '@inertiajs/react/server';
 import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
 import ReactDOMServer from 'react-dom/server';
+import { I18nextProvider } from 'react-i18next';
+import i18n from './i18n';
 
 const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
 
@@ -12,7 +14,17 @@ createServer((page) =>
         title: (title) => (title ? `${title} - ${appName}` : appName),
         resolve: (name) => resolvePageComponent(`./pages/${name}.tsx`, import.meta.glob('./pages/**/*.tsx')),
         setup: ({ App, props }) => {
-            return <App {...props} />;
+            const locale = (props.initialPage?.props as Record<string, unknown> | undefined)?.locale as string | undefined;
+
+            if (locale && i18n.language !== locale) {
+                i18n.changeLanguage(locale);
+            }
+
+            return (
+                <I18nextProvider i18n={i18n}>
+                    <App {...props} />
+                </I18nextProvider>
+            );
         },
     }),
 );