Fix i18n keys appearing on startup in the admin UI
Description
is related to
Activity
Show:
Fixed
Assignee
![](https://secure.gravatar.com/avatar/32425fd669cfb549306756dec72a15b3?d=https%3A%2F%2Favatar-management--avatars.us-west-2.prod.public.atl-paas.net%2Finitials%2FMW-2.png)
Reporter
![](https://secure.gravatar.com/avatar/589c27d34db28d9c8fa3e4edf594417d?d=https%3A%2F%2Favatar-management--avatars.us-west-2.prod.public.atl-paas.net%2Finitials%2FCH-0.png)
Labels
Components
Parent
Fix versions
Sprint
None
Priority
Created October 12, 2023 at 8:54 AM
Updated February 15, 2024 at 2:48 AM
Resolved October 23, 2023 at 8:17 AM
When the admin UI is started for the first time (or when a user’s session is ended), its i18n keys appear instead of its actual text until the user signs in again. This is likely to be an issue with our implementation of i18n, and is potentially the same issue that causes the build message ‘You will need to pass in an i18next instance by using initReactI18next’.
Impact of bug
Annoying for user.
Degrades UX (very briefly)
Potential fix
This issue may be linked to our initial implementation of react-i18next. The link above provides more context, but it appears that this issue may be happening because of a lack of server-side translations being provided, meaning that on pages that are server-side rendered, translations do not properly display.
Recommendation: follow the suggestions in the link and look at as well as any other K-Int apps that use i18n and how they do it.
Server Side Rendering
See more here - this is one of the core principles of Next.js.