diff --git a/components/MyPages/Breadcrumbs/index.tsx b/components/MyPages/Breadcrumbs/index.tsx
index 693549824..e6800cc4a 100644
--- a/components/MyPages/Breadcrumbs/index.tsx
+++ b/components/MyPages/Breadcrumbs/index.tsx
@@ -7,7 +7,11 @@ import BreadcrumbsWithLink from "./BreadcrumbWithLink"
 
 import styles from "./breadcrumbs.module.css"
 
-export default async function Breadcrumbs({ pageType = PageTypes.Account }) {
+import { BreadcrumbsProps } from "@/types/components/myPages/breadcrumbs"
+
+export default async function Breadcrumbs({
+  pageType = PageTypes.Account,
+}: BreadcrumbsProps) {
   const breadcrumbs = await serverClient().contentstack.breadcrumbs.get({
     pageType,
   })
diff --git a/types/components/myPages/breadcrumbs.ts b/types/components/myPages/breadcrumbs.ts
index 0d50f0e89..22c36f31a 100644
--- a/types/components/myPages/breadcrumbs.ts
+++ b/types/components/myPages/breadcrumbs.ts
@@ -1,5 +1,5 @@
-import type { Breadcrumbs } from "@/types/breadcrumbs"
+import { PageTypes } from "@/server/routers/contentstack/breadcrumbs/input"
 
 export type BreadcrumbsProps = {
-  breadcrumbs: Breadcrumbs
+  pageType?: PageTypes
 }