fix(theme-classic): do not add microdata item prop to trailing breadcrumb (#7179)

packages/docusaurus-theme-classic/src/theme/DocBreadcrumbs/index.tsx

@@ -20,11 +20,20 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
 function BreadcrumbsItemLink({
   children,
   href,
+  isLast,
 }: {
   children: ReactNode;
-  href?: string;
+  href: string | undefined;
+  isLast: boolean;
 }): JSX.Element {
   const className = 'breadcrumbs__link';
+  if (isLast) {
+    return (
+      <span className={className} itemProp="name">
+        {children}
+      </span>
+    );
+  }
   return href ? (
     <Link className={className} href={href} itemProp="item">
       <span itemProp="name">{children}</span>
@@ -93,17 +102,16 @@ export default function DocBreadcrumbs(): JSX.Element | null {
         itemScope
         itemType="https://schema.org/BreadcrumbList">
         {homePageRoute && <HomeBreadcrumbItem />}
-        {breadcrumbs.map((item, idx) => (
+        {breadcrumbs.map((item, idx) => {
-          <BreadcrumbsItem
+          const isLast = idx === breadcrumbs.length - 1;
-            key={idx}
+          return (
-            active={idx === breadcrumbs.length - 1}
+            <BreadcrumbsItem key={idx} active={isLast} index={idx}>
-            index={idx}>
+              <BreadcrumbsItemLink href={item.href} isLast={isLast}>
-            <BreadcrumbsItemLink
+                {item.label}
-              href={idx < breadcrumbs.length - 1 ? item.href : undefined}>
+              </BreadcrumbsItemLink>
-              {item.label}
+            </BreadcrumbsItem>
-            </BreadcrumbsItemLink>
+          );
-          </BreadcrumbsItem>
+        })}
-        ))}
       </ul>
     </nav>
   );