diff --git a/plugins/scaffolder-react/src/next/components/Stepper/Stepper.tsx b/plugins/scaffolder-react/src/next/components/Stepper/Stepper.tsx
index 9242ef0086..f802121597 100644
--- a/plugins/scaffolder-react/src/next/components/Stepper/Stepper.tsx
+++ b/plugins/scaffolder-react/src/next/components/Stepper/Stepper.tsx
@@ -127,6 +127,8 @@ export const Stepper = (stepperProps: StepperProps) => {
     [setFormState],
   );
 
+  const currentStep = useTransformSchemaToProps(steps[activeStep], { layouts });
+
   const handleNext = async ({
     formData = {},
   }: {
@@ -151,8 +153,6 @@ export const Stepper = (stepperProps: StepperProps) => {
     setFormState(current => ({ ...current, ...formData }));
   };
 
-  const currentStep = useTransformSchemaToProps(steps[activeStep], { layouts });
-
   return (
     <>
       <MuiStepper activeStep={activeStep} alternativeLabel variant="elevation">