From 8f7bb1ba9ea33b0ff725fc2e2a6ee718e8718481 Mon Sep 17 00:00:00 2001
From: Josh Payette <hello@joshpayette.dev>
Date: Fri, 8 May 2026 12:58:52 -0400
Subject: [PATCH] fixed button href not rendering as Link component

---
 src/features/auth/core/UserMenu.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/features/auth/core/UserMenu.tsx b/src/features/auth/core/UserMenu.tsx
index cc8dbb3..ce9cd4d 100644
--- a/src/features/auth/core/UserMenu.tsx
+++ b/src/features/auth/core/UserMenu.tsx
@@ -11,7 +11,7 @@ import {
 } from "@mantine/core";
 import { modals } from "@mantine/modals";
 import { useQueryClient } from "@tanstack/react-query";
-import { useNavigate } from "@tanstack/react-router";
+import { Link, useNavigate } from "@tanstack/react-router";
 import {
 	LuCamera,
 	LuChevronRight,
@@ -188,10 +188,20 @@ export function UserMenu() {
 							</Button>
 						) : (
 							<Flex align="center" justify="space-between" w="100%" gap="md">
-								<Button component="a" href="/sign-up" w="100%" variant="filled">
+								<Button
+									component={Link}
+									href="/sign-up"
+									w="100%"
+									variant="filled"
+								>
 									Sign up
 								</Button>
-								<Button component="a" href="/sign-in" w="100%" variant="subtle">
+								<Button
+									component={Link}
+									href="/sign-in"
+									w="100%"
+									variant="subtle"
+								>
 									Sign in
 								</Button>
 							</Flex>
-- 
2.51.2