diff --git a/.changeset/angry-trees-relax.md b/.changeset/angry-trees-relax.md
index 17fad10e0f..23d5704cbd 100644
--- a/.changeset/angry-trees-relax.md
+++ b/.changeset/angry-trees-relax.md
@@ -6,7 +6,7 @@ Enabling the customization of the last page in the scaffolder template.
 
 To override the content you have to do the next:
 
-```typescript
+```typescript jsx
 scaffolderPlugin.__experimentalReconfigure({
   lastStepFormComponent: (props: LastStepFormProps) => (
     <YourCustomComponent {...props} />
diff --git a/plugins/scaffolder/api-report.md b/plugins/scaffolder/api-report.md
index f8628b193a..9db48b03cc 100644
--- a/plugins/scaffolder/api-report.md
+++ b/plugins/scaffolder/api-report.md
@@ -187,10 +187,21 @@ export type LogEvent = {
   taskId: string;
 };
 
-// Warning: (ae-forgotten-export) The symbol "Props" needs to be exported by the entry point index.d.ts
-//
 // @public
-export const MultistepJsonForm: (props: Props) => JSX.Element;
+export const MultistepJsonForm: (props: MultistepJsonFormProps) => JSX.Element;
+
+// @public
+export type MultistepJsonFormProps = {
+  steps: Step[];
+  formData: Record<string, any>;
+  onChange: (e: IChangeEvent) => void;
+  onReset: () => void;
+  onFinish?: () => Promise<void>;
+  widgets?: FormProps<any>['widgets'];
+  fields?: FormProps<any>['fields'];
+  finishButtonLabel?: string;
+  layouts: LayoutOptions[];
+};
 
 // @alpha
 export type NextCustomFieldValidator<TFieldReturnValue> = (
diff --git a/plugins/scaffolder/src/components/MultistepJsonForm/MultistepJsonForm.tsx b/plugins/scaffolder/src/components/MultistepJsonForm/MultistepJsonForm.tsx
index 4f067141c9..bf85210eee 100644
--- a/plugins/scaffolder/src/components/MultistepJsonForm/MultistepJsonForm.tsx
+++ b/plugins/scaffolder/src/components/MultistepJsonForm/MultistepJsonForm.tsx
@@ -38,7 +38,12 @@ import { useScaffolderPluginOptions } from '../../options';
 
 const Form = withTheme(MuiTheme);
 
-type Props = {
+/**
+ * The props for a dynamic form of a scaffolder template.
+ *
+ * @public
+ */
+export type MultistepJsonFormProps = {
   /**
    * Steps for the form, each contains title and form schema
    */
@@ -58,7 +63,7 @@ type Props = {
  *
  * @public
  */
-export const MultistepJsonForm = (props: Props) => {
+export const MultistepJsonForm = (props: MultistepJsonFormProps) => {
   const {
     formData,
     onChange,
diff --git a/plugins/scaffolder/src/components/MultistepJsonForm/index.ts b/plugins/scaffolder/src/components/MultistepJsonForm/index.ts
index 59c58fcb05..262bd0447f 100644
--- a/plugins/scaffolder/src/components/MultistepJsonForm/index.ts
+++ b/plugins/scaffolder/src/components/MultistepJsonForm/index.ts
@@ -14,6 +14,7 @@
  * limitations under the License.
  */
 export { MultistepJsonForm } from './MultistepJsonForm';
+export type { MultistepJsonFormProps } from './MultistepJsonForm';
 export { lastStepFormComponent, LastStepForm } from './LastStepForm';
 export type { LastStepFormProps } from './LastStepForm';
 export type { Step } from './types';