From 7be1b22ed898820a03549fc4a593320aa9917f61 Mon Sep 17 00:00:00 2001
From: "Amir H. Hashemi" <87268103+amirhhashemi@users.noreply.github.com>
Date: Thu, 5 Feb 2026 08:48:54 +0330
Subject: [PATCH] Fix invalid props being passed to `<A>`

---
 src/ui/button-link.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/ui/button-link.tsx b/src/ui/button-link.tsx
index e9058e12d7..5bfe0d0b52 100644
--- a/src/ui/button-link.tsx
+++ b/src/ui/button-link.tsx
@@ -1,3 +1,4 @@
+import { splitProps } from "solid-js";
 import { A, type RouterLinkProps } from "./i18n-anchor";
 
 type ButtonLinkProps = RouterLinkProps & {
@@ -5,16 +6,18 @@ type ButtonLinkProps = RouterLinkProps & {
 };
 
 export const ButtonLink = (props: ButtonLinkProps) => {
+	const [localProps, otherProps] = splitProps(props, ["variant"]);
+
 	return (
 		<A
 			addLocale
 			classList={{
 				"rounded-full bg-blue-300 py-2 px-4 text-sm font-semibold text-slate-900 hover:bg-blue-200 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300/50 active:bg-blue-500":
-					props.variant === "primary",
+					localProps.variant === "primary",
 				"rounded-full bg-slate-800 py-2 px-4 text-sm font-semibold text-white hover:bg-slate-700 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white/50 active:text-slate-300":
-					props.variant === "secondary",
+					localProps.variant === "secondary",
 			}}
-			{...props}
+			{...otherProps}
 		/>
 	);
 };