diff --git a/apps/website/screens/components/breadcrumbs/code/examples/basicUsage.tsx b/apps/website/screens/components/breadcrumbs/code/examples/basicUsage.tsx
index 4e4766289..7bd4f7c11 100644
--- a/apps/website/screens/components/breadcrumbs/code/examples/basicUsage.tsx
+++ b/apps/website/screens/components/breadcrumbs/code/examples/basicUsage.tsx
@@ -7,15 +7,15 @@ const code = `() => {
       href: "/components/select",
     },
     {
-      label: "Specifications",
-      href: "/components/select/specifications",
+      label: "Code",
+      href: "/components/select/code",
     },
     {
-      label: "Design Tokens",
-      href: "/components/select/specifications/#design-tokens",
+      label: "Examples",
+      href: "/components/select/code/#examples",
     },
     {
-      label: "Color",
+      label: "Uncontrolled",
     }
   ];
 
diff --git a/apps/website/screens/components/breadcrumbs/code/examples/nextJS.tsx b/apps/website/screens/components/breadcrumbs/code/examples/nextJS.tsx
index 5ee714380..2ae913d3d 100644
--- a/apps/website/screens/components/breadcrumbs/code/examples/nextJS.tsx
+++ b/apps/website/screens/components/breadcrumbs/code/examples/nextJS.tsx
@@ -13,15 +13,15 @@ const code = `() => {
       href: "/components/select",
     },
     {
-      label: "Specifications",
-      href: "/components/select/specifications",
+      label: "Code",
+      href: "/components/select/code",
     },
     {
-      label: "Design Tokens",
-      href: "/components/select/specifications/#design-tokens",
+      label: "Examples",
+      href: "/components/select/code/#examples",
     },
     {
-      label: "Color",
+      label: "Uncontrolled",
     }
   ]; 
 
diff --git a/packages/lib/src/breadcrumbs/Item.tsx b/packages/lib/src/breadcrumbs/Item.tsx
index d1105acbb..59b7707e0 100644
--- a/packages/lib/src/breadcrumbs/Item.tsx
+++ b/packages/lib/src/breadcrumbs/Item.tsx
@@ -48,8 +48,9 @@ const Item = ({ isCurrentPage = false, href, label, onClick }: ItemPropsType) =>
   const currentItemRef = useRef<HTMLSpanElement | null>(null);
 
   const handleOnClick = (event: MouseEvent<HTMLAnchorElement>) => {
+    if (typeof onClick !== "function") return;
     event.preventDefault();
-    if (href) onClick?.(href);
+    if (href) onClick(href);
   };
 
   const handleOnMouseEnter = (event: MouseEvent<HTMLAnchorElement>) => {