CoastalCommitsPastes/client/components/Link.tsx
2022-03-06 17:29:34 -08:00

12 lines
477 B
TypeScript

import { Link as GeistLink, LinkProps } 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.substr(1) : props.href;
const href = basePath ? `${basePath}/${propHrefWithoutLeadingSlash}` : props.href;
console.log(href)
return <GeistLink {...props} href={href} />
}
export default Link