Update LocaleProvider when locale changes

Automattic · Dec 2, 2020 · f498537 · f498537
1 parent b551dba
commit f498537
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/client/components/calypso-i18n-provider/index.tsx b/client/components/calypso-i18n-provider/index.tsx
@@ -9,7 +9,7 @@ import { LocaleProvider, i18nDefaultLocaleSlug } from '@automattic/i18n-utils';
 
 const CalypsoI18nProvider: React.FunctionComponent = ( { children } ) => {
 	const [ localeData, setLocaleData ] = React.useState( i18n.getLocale() );
-	const localeSlug = i18n.getLocaleSlug();
+	const [ localeSlug, setLocaleSlug ] = React.useState( i18n.getLocaleSlug() );
 
 	React.useEffect( () => {
 		const onChange = () => {
@@ -18,6 +18,7 @@ const CalypsoI18nProvider: React.FunctionComponent = ( { children } ) => {
 
 			setWpI18nLocaleData( nextLocaleData );
 			setLocaleData( nextLocaleData );
+			setLocaleSlug( i18n.getLocaleSlug() );
 		};
 
 		i18n.on( 'change', onChange );