diff --git a/.changeset/sour-plums-grow.md b/.changeset/sour-plums-grow.md
new file mode 100644
index 0000000000..4070dc5e50
--- /dev/null
+++ b/.changeset/sour-plums-grow.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-scaffolder': patch
+---
+
+fixed `headerOptions` not passed to `TemplatePage` component
diff --git a/plugins/scaffolder/src/components/Router.tsx b/plugins/scaffolder/src/components/Router.tsx
index 097eddf6cd..9f46b427a0 100644
--- a/plugins/scaffolder/src/components/Router.tsx
+++ b/plugins/scaffolder/src/components/Router.tsx
@@ -163,6 +163,7 @@ export const Router = (props: RouterProps) => {
}
diff --git a/plugins/scaffolder/src/components/TemplatePage/TemplatePage.tsx b/plugins/scaffolder/src/components/TemplatePage/TemplatePage.tsx
index 87678d2a83..522f37dfc9 100644
--- a/plugins/scaffolder/src/components/TemplatePage/TemplatePage.tsx
+++ b/plugins/scaffolder/src/components/TemplatePage/TemplatePage.tsx
@@ -51,13 +51,21 @@ const useTemplateParameterSchema = (templateRef: string) => {
return { schema: value, loading, error };
};
+type Props = {
+ customFieldExtensions?: FieldExtensionOptions[];
+ layouts?: LayoutOptions[];
+ headerOptions?: {
+ pageTitleOverride?: string;
+ title?: string;
+ subtitle?: string;
+ };
+};
+
export const TemplatePage = ({
customFieldExtensions = [],
layouts = [],
-}: {
- customFieldExtensions?: FieldExtensionOptions[];
- layouts?: LayoutOptions[];
-}) => {
+ headerOptions,
+}: Props) => {
const apiHolder = useApiHolder();
const secretsContext = useContext(SecretsContext);
const errorApi = useApi(errorApiRef);
@@ -136,6 +144,7 @@ export const TemplatePage = ({
pageTitleOverride="Create a New Component"
title="Create a New Component"
subtitle="Create new software components using standard templates"
+ {...headerOptions}
/>
{loading && }