fix: cleanup Breadcrumbs.tsx

Author: mikesurowiec

components/Breadcrumbs.tsx

@@ -14,11 +14,10 @@ export const Breadcrumbs = (props: Props) => {
   const router = useRouter()
   const pathWithLocale = `/${router.locale}${router.asPath}`
   const { breadcrumbs } = useMainContext()
-  const items = Object.entries(breadcrumbs || {})
 
   return (
     <nav className="breadcrumbs f5" aria-label="Breadcrumb">
-      {items.map(([_, breadcrumb]) => {
+      {Object.values(breadcrumbs).map((breadcrumb) => {
         const title = `${breadcrumb.documentType}: ${breadcrumb.title}`
         return !breadcrumb.href ? (
           <span key={title} title={title}>

components/context/MainContext.tsx

@@ -26,7 +26,7 @@ type EnterpriseServerReleases = {
   nextDeprecationDate: string
 }
 export type MainContextT = {
-  breadcrumbs?: Record<string, BreadcrumbT>
+  breadcrumbs: Record<string, BreadcrumbT>
   builtAssets: { main: { css: string; js: string } }
   expose: string
   activeProducts: Array<ProductT>
@@ -43,7 +43,7 @@ export const getMainContextFromRequest = (req: any): MainContextT => {
   return {
     builtAssets: req.context.builtAssets,
     expose: req.context.expose,
-    breadcrumbs: req.context.breadcrumbs,
+    breadcrumbs: req.context.breadcrumbs || {},
     activeProducts: req.context.activeProducts,
     currentProduct: req.context.productMap[req.context.currentProduct],
     currentLayoutName: req.context.currentLayoutName,