fix: path current slug to DocsNav due to usePathname not working with…

… SSG'ed page

src/app/docs/[project]/[[...slug]]/_components/docs-nav/docs-nav.component.tsx

@@ -4,20 +4,18 @@ import type { getDocsConfig } from "@/data/docs"
 
 import { IconBrandGithub } from "@tabler/icons-react"
 import Link from "next/link"
-import { usePathname } from "next/navigation"
 
 import { Nav } from "@/components/nav"
 import { Tooltip } from "@/components/tooltip"
 
 export type DocsNavProps = {
   title: string
   repo: string
+  slug: string
   menus: NonNullable<Awaited<ReturnType<typeof getDocsConfig>>>["menus"]
 }
 
-export function DocsNav({ title, repo, menus }: DocsNavProps) {
-  const pathname = usePathname()
-
+export function DocsNav({ title, repo, slug, menus }: DocsNavProps) {
   return (
     <Nav
       className="sm:w-[280px] sm:flex-shrink-0 sm:justify-start sm:items-start p-0 gap-0"
@@ -51,7 +49,7 @@ export function DocsNav({ title, repo, menus }: DocsNavProps) {
                 <Link
                   key={item.href}
                   href={href}
-                  aria-current={href === pathname ? "page" : undefined}
+                  aria-current={href === slug ? "page" : undefined}
                   aria-label={item.label}
                   className="border-l border-base-6 aria-[current=page]:border-accent-8 typography-2 text-dimmed hover:text-base aria-[current=page]:text-base aria-[current=page]:font-medium py-1 pl-3 transition-colors"
                   onClick={() => setIsExpanded(false)}

src/app/docs/[project]/[[...slug]]/page.tsx

@@ -62,7 +62,7 @@ export default async function DocsPage({ params: { project, slug = [] } }: DocsP
 
   return (
     <Fragment>
-      <DocsNav title={config.title} repo={config.repo} menus={config.menus} />
+      <DocsNav title={config.title} repo={config.repo} slug={`/${slug.join("/")}`} menus={config.menus} />
       <Main className="relative z-20">
         <Hero
           title={page.meta.title || config.title}