Fix rerender when locale changes (#20015)

frontend/src/metabase/setup/components/SettingsPage/SettingsPage.tsx

@@ -14,7 +14,11 @@ export interface SettingsPageProps {
   onStepShow: (step: number) => void;
 }
 
-const SettingsPage = ({ step, onStepShow }: SettingsPageProps): JSX.Element => {
+const SettingsPage = ({
+  step,
+  onStepShow,
+  ...props
+}: SettingsPageProps): JSX.Element => {
   useEffect(() => {
     onStepShow(step);
   }, [step, onStepShow]);
@@ -25,13 +29,13 @@ const SettingsPage = ({ step, onStepShow }: SettingsPageProps): JSX.Element => {
         <LogoIcon height={51} />
       </PageHeader>
       <PageBody>
-        <LanguageStep />
-        <UserStep />
-        <DatabaseStep />
-        <DatabaseHelp />
-        <PreferencesStep />
-        <CompletedStep />
-        <SetupHelp />
+        <LanguageStep {...props} />
+        <UserStep {...props} />
+        <DatabaseStep {...props} />
+        <DatabaseHelp {...props} />
+        <PreferencesStep {...props} />
+        <CompletedStep {...props} />
+        <SetupHelp {...props} />
       </PageBody>
     </div>
   );

frontend/src/metabase/setup/components/Setup/Setup.tsx

@@ -6,11 +6,11 @@ export interface SetupProps {
   isWelcome: boolean;
 }
 
-const Setup = ({ isWelcome }: SetupProps): JSX.Element => {
+const Setup = ({ isWelcome, ...props }: SetupProps): JSX.Element => {
   if (isWelcome) {
-    return <WelcomePage />;
+    return <WelcomePage {...props} />;
   } else {
-    return <SettingsPage />;
+    return <SettingsPage {...props} />;
   }
 };