17 lines
491 B
TypeScript
17 lines
491 B
TypeScript
import type { LinkProps } from "@geist-ui/core"
|
|
import { Link as GeistLink } from "@geist-ui/core"
|
|
import { useRouter } from "next/router"
|
|
|
|
const Link = (props: LinkProps) => {
|
|
const { basePath } = useRouter()
|
|
const propHrefWithoutLeadingSlash =
|
|
props.href && props.href.startsWith("/")
|
|
? props.href.substring(1)
|
|
: props.href
|
|
const href = basePath
|
|
? `${basePath}/${propHrefWithoutLeadingSlash}`
|
|
: props.href
|
|
return <GeistLink {...props} href={href} />
|
|
}
|
|
|
|
export default Link
|