#428

frontend/src/main.tsx

@@ -1,9 +1,11 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { createRoot } from 'react-dom/client'
 import { HelmetProvider } from 'react-helmet-async'
+import { I18nextProvider } from 'react-i18next'
 
 import '@/index.css'
 import App from '@/App'
+import { i18n } from '@/lib/i18n'
 import { applyClientAnimationMode, getClientAnimationMode } from '@/lib/settings'
 
 const helmetContext = { }
@@ -19,6 +21,8 @@ applyClientAnimationMode (getClientAnimationMode ())
 createRoot (document.getElementById ('root')!).render (
     <HelmetProvider context={helmetContext}>
       <QueryClientProvider client={client}>
-	<App/>
+	<I18nextProvider i18n={i18n}>
+	  <App/>
+	</I18nextProvider>
       </QueryClientProvider>
     </HelmetProvider>)