From 20878c1d41d532caa91a2306e317d8cd4358220f Mon Sep 17 00:00:00 2001
From: "Ishaan (OpenClaw)" <ishaan@openclaw.local>
Date: Fri, 6 Feb 2026 23:02:35 +0000
Subject: [PATCH] frontend: type Clerk button wrappers via ComponentProps

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

diff --git a/frontend/src/auth/clerk.tsx b/frontend/src/auth/clerk.tsx
index a61e8c91..691b3a0e 100644
--- a/frontend/src/auth/clerk.tsx
+++ b/frontend/src/auth/clerk.tsx
@@ -15,10 +15,7 @@ import {
   useUser as clerkUseUser,
 } from "@clerk/nextjs";
 
-import type {
-  SignInButtonProps,
-  SignOutButtonProps,
-} from "@clerk/nextjs";
+import type { ComponentProps } from "react";
 
 export function isClerkEnabled(): boolean {
   // Invariant: Clerk is disabled ONLY when the publishable key is absent.
@@ -38,12 +35,12 @@ export function SignedOut(props: { children: ReactNode }) {
 }
 
 // Keep the same prop surface as Clerk components so call sites don't need edits.
-export function SignInButton(props: SignInButtonProps) {
+export function SignInButton(props: ComponentProps<typeof ClerkSignInButton>) {
   if (!isClerkEnabled()) return null;
   return <ClerkSignInButton {...props} />;
 }
 
-export function SignOutButton(props: SignOutButtonProps) {
+export function SignOutButton(props: ComponentProps<typeof ClerkSignOutButton>) {
   if (!isClerkEnabled()) return null;
   return <ClerkSignOutButton {...props} />;
 }