fix(pci-private-network): re-render issue on language change (#12641)

ref: PRB0041352 Signed-off-by: Omar ALKABOUSS MOUSSANA <[email protected]>
ovh · Oct 10, 2024 · b1aa16b · b1aa16b
1 parent 786efc5
commit b1aa16b
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/packages/manager/apps/pci-private-network/src/pages/new/steps/LocalizationStep.tsx b/packages/manager/apps/pci-private-network/src/pages/new/steps/LocalizationStep.tsx
@@ -33,15 +33,14 @@ export default function LocalizationStep(): JSX.Element {
   const { t } = useTranslation('new');
   const { t: tCommon } = useTranslation('common');
   const { t: tRegion } = useTranslation('region');
-  const { t: tRegions } = useTranslation('regions');
+  const { t: tRegions, i18n } = useTranslation('regions');
 
   const {
     data: regions,
     isLoading: isRegionsLoading,
   } = useProjectAvailableRegions(store.project?.id);
 
   const [mappedRegions, setMappedRegions] = useState<TMappedRegion[]>([]);
-
   const [state, setState] = useState<{ selectedContinent: string }>({
     selectedContinent: undefined,
   });
@@ -112,7 +111,7 @@ export default function LocalizationStep(): JSX.Element {
 
       setMappedRegions(result);
     }
-  }, [regions]);
+  }, [regions, i18n.language]);
 
   return (
     <StepComponent