Merge pull request #3586 from overleaf/as-fix-react-i18n-re-render

Trigger render after receiving translation strings

GitOrigin-RevId: 22bfd5aa3cb7ae7c76cd6924663a4133b08c3d24
This commit is contained in:
Eric Mc Sween 2021-01-21 07:21:28 -05:00 committed by Copybot
parent 78b7c8de9b
commit 4e40eee738

View file

@ -6,7 +6,7 @@ const LANG = window.i18n.currentLangCode
// Since we are rendering React from Angular, the initialisation is
// synchronous on page load (but hidden behind the loading screen). This
// means that translations must be initialised without any actual
// translations strings, and load those manually ourselves later
// translation strings, and load those manually ourselves later
i18n.use(initReactI18next).init({
lng: LANG,
@ -14,7 +14,12 @@ i18n.use(initReactI18next).init({
react: {
// Since we are manually waiting on the translations data to
// load, we don't need to use Suspense
useSuspense: false
useSuspense: false,
// Trigger a re-render when a language is added. Since we load the
// translation strings asynchronously, we need to trigger a re-render once
// they've loaded
bindI18nStore: 'added'
},
interpolation: {