Export TemplateWizardPageProps for the router to accept page as prop

Signed-off-by: Min Kim <minkimcello@gmail.com>
Co-authored-by: Taras Mankovski <taras@frontside.com>

plugins/scaffolder/src/next/Router/Router.tsx

@@ -16,7 +16,10 @@
 import React, { PropsWithChildren } from 'react';
 import { Routes, Route, useOutlet } from 'react-router-dom';
 import { TemplateListPage, TemplateListPageProps } from '../TemplateListPage';
-import { TemplateWizardPage } from '../TemplateWizardPage';
+import {
+  TemplateWizardPage,
+  TemplateWizardPageProps,
+} from '../TemplateWizardPage';
 import {
   NextFieldExtensionOptions,
   FormProps,
@@ -60,6 +63,7 @@ export type NextRouterProps = {
       output?: ScaffolderTaskOutput;
     }>;
     TemplateListPageComponent?: React.ComponentType<TemplateListPageProps>;
+    TemplateWizardPageComponent?: React.ComponentType<TemplateWizardPageProps>;
   };
   groups?: TemplateGroupFilter[];
   templateFilter?: (entity: TemplateEntityV1beta3) => boolean;
@@ -87,6 +91,7 @@ export const Router = (props: PropsWithChildren<NextRouterProps>) => {
       TemplateOutputsComponent,
       TaskPageComponent = OngoingTask,
       TemplateListPageComponent = TemplateListPage,
+      TemplateWizardPageComponent = TemplateWizardPage,
     } = {},
   } = props;
   const outlet = useOutlet() || props.children;
@@ -122,7 +127,7 @@ export const Router = (props: PropsWithChildren<NextRouterProps>) => {
         path={selectedTemplateRouteRef.path}
         element={
           <SecretsContextProvider>
-            <TemplateWizardPage
+            <TemplateWizardPageComponent
               customFieldExtensions={fieldExtensions}
               layouts={customLayouts}
               FormProps={props.FormProps}

plugins/scaffolder/src/next/TemplateWizardPage/index.ts

@@ -14,3 +14,4 @@
  * limitations under the License.
  */
 export { TemplateWizardPage } from './TemplateWizardPage';
+export type { TemplateWizardPageProps } from './TemplateWizardPage';