fix: use next links in navbar

gadomski · Nov 19, 2024 · e3f4c2e · e3f4c2e
1 parent d34dbc5
commit e3f4c2e
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/app/navbar.tsx b/app/navbar.tsx
@@ -6,6 +6,7 @@ import {
   BreadcrumbLink,
   BreadcrumbRoot,
 } from "@components/breadcrumb";
+import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { ColorModeToggle } from "./components/color-mode-toggle";
 
@@ -15,13 +16,17 @@ function getBreadcrumbs() {
     return <BreadcrumbCurrentLink>heystac</BreadcrumbCurrentLink>;
   } else if (parts.length == 3 && parts[1] == "catalogs") {
     return [
-      <BreadcrumbLink href="/" key={0}>
-        heystac
+      <BreadcrumbLink key={0} asChild>
+        <Link href="/">heystac</Link>
       </BreadcrumbLink>,
       <BreadcrumbCurrentLink key={1}>{parts[2]}</BreadcrumbCurrentLink>,
     ];
   } else {
-    return <BreadcrumbLink href="/">heystac</BreadcrumbLink>;
+    return (
+      <BreadcrumbLink asChild>
+        <Link href="/">heystac</Link>
+      </BreadcrumbLink>
+    );
   }
 }