From d4e12c381dfb416f8b74714315a689fdfceafd22 Mon Sep 17 00:00:00 2001
From: Ashhhleyyy <ash@ashhhleyyy.dev>
Date: Mon, 1 Aug 2022 17:17:59 +0100
Subject: [PATCH] fix: make LinkButton only pass href to Link

---
 components/Button.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/components/Button.tsx b/components/Button.tsx
index ecf0eac..eead0f6 100644
--- a/components/Button.tsx
+++ b/components/Button.tsx
@@ -4,6 +4,7 @@ import {
     DetailedHTMLProps,
 } from 'react';
 import Link from 'next/link';
+import { UrlObject } from 'url';
 
 interface CustomProps {
     noDefaultColous?: boolean;
@@ -38,11 +39,13 @@ export default function Button({
     return <button className={classes.join(' ')} {...props} />;
 }
 
-type LinkButtonProps = AnchorHTMLAttributes<HTMLAnchorElement>;
+type LinkButtonProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> & {
+    href: string | UrlObject;
+};
 
-export function LinkButton({ className, children, ...props }: LinkButtonProps) {
+export function LinkButton({ className, children, href, ...props }: LinkButtonProps) {
     return (
-        <Link href={props.href || ''}>
+        <Link href={href}>
             <a
                 className={'text-blue-200 hover:underline ' + (className || '')}
                 {...props}