From 720c19f85277c7ec75c2644a695ecf35eef5b3a9 Mon Sep 17 00:00:00 2001
From: "Ishaan (OpenClaw)" <ishaan@openclaw.local>
Date: Fri, 6 Feb 2026 22:59:21 +0000
Subject: [PATCH] frontend: type Clerk button wrappers (no any)

---
 frontend/src/auth/clerk.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/src/auth/clerk.tsx b/frontend/src/auth/clerk.tsx
index 5dfcd62d..a61e8c91 100644
--- a/frontend/src/auth/clerk.tsx
+++ b/frontend/src/auth/clerk.tsx
@@ -15,6 +15,11 @@ import {
   useUser as clerkUseUser,
 } from "@clerk/nextjs";
 
+import type {
+  SignInButtonProps,
+  SignOutButtonProps,
+} from "@clerk/nextjs";
+
 export function isClerkEnabled(): boolean {
   // Invariant: Clerk is disabled ONLY when the publishable key is absent.
   // If a key is present, we assume Clerk is intended to be enabled and we let
@@ -32,13 +37,13 @@ export function SignedOut(props: { children: ReactNode }) {
   return <ClerkSignedOut>{props.children}</ClerkSignedOut>;
 }
 
-// Accept arbitrary Clerk component props so existing call sites don't need edits.
-export function SignInButton(props: any) {
+// Keep the same prop surface as Clerk components so call sites don't need edits.
+export function SignInButton(props: SignInButtonProps) {
   if (!isClerkEnabled()) return null;
   return <ClerkSignInButton {...props} />;
 }
 
-export function SignOutButton(props: any) {
+export function SignOutButton(props: SignOutButtonProps) {
   if (!isClerkEnabled()) return null;
   return <ClerkSignOutButton {...props} />;
 }