Fix breadcrumbs metadata (#670)

jpmorganchase · Oct 22, 2024 · 948e519 · 948e519
1 parent 3dcd0dc
commit 948e519
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/funny-experts-brake.md b/.changeset/funny-experts-brake.md
@@ -0,0 +1,5 @@
+---
+'@jpmorganchase/mosaic-site-components': patch
+---
+
+Fixed pages with breadcrumbs having an empty breadcrumb meta
diff --git a/packages/site-components/src/Metadata.tsx b/packages/site-components/src/Metadata.tsx
@@ -17,7 +17,9 @@ export const Metadata: React.FC<MetadataProps> = ({ Component = 'head' }) => {
       {meta.title && <title>{meta.title}</title>}
       {meta.description && <meta name="description" content={meta.description} />}
       {session?.user?.image && <link as="image" href={session.user.image} rel="preload" />}
-      {meta.breadcrumbs && <meta content={JSON.stringify(meta.breadcrumbs)} name="breadcrumbs" />}
+      {Array.isArray(meta.breadcrumbs) && meta.breadcrumbs.length > 0 && (
+        <meta content={JSON.stringify(meta.breadcrumbs)} name="breadcrumbs" />
+      )}
     </Component>
   );
 };