From aa47934e9fca13bf31388bc37ee2c89e8cd436e5 Mon Sep 17 00:00:00 2001
From: Alex Carpenter <im.alexcarpenter@gmail.com>
Date: Fri, 15 Nov 2024 11:50:27 -0500
Subject: [PATCH] feat(react): Expose `initialValues` within `<SignInButton />`

---
 .changeset/friendly-melons-argue.md            |  5 +++++
 packages/react/src/components/SignInButton.tsx | 12 ++++++++++--
 packages/react/src/types.ts                    |  6 +++++-
 3 files changed, 20 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/friendly-melons-argue.md

diff --git a/.changeset/friendly-melons-argue.md b/.changeset/friendly-melons-argue.md
new file mode 100644
index 00000000000..734de3c8888
--- /dev/null
+++ b/.changeset/friendly-melons-argue.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-react': minor
+---
+
+Add `initialValues` option to `<SignInButton />` component.
diff --git a/packages/react/src/components/SignInButton.tsx b/packages/react/src/components/SignInButton.tsx
index 6dd8453a028..6e33f8ba283 100644
--- a/packages/react/src/components/SignInButton.tsx
+++ b/packages/react/src/components/SignInButton.tsx
@@ -6,8 +6,15 @@ import { assertSingleChild, normalizeWithDefaultValue, safeExecute } from '../ut
 import { withClerk } from './withClerk';
 
 export const SignInButton = withClerk(({ clerk, children, ...props }: WithClerkProp<SignInButtonProps>) => {
-  const { signUpFallbackRedirectUrl, forceRedirectUrl, fallbackRedirectUrl, signUpForceRedirectUrl, mode, ...rest } =
-    props;
+  const {
+    signUpFallbackRedirectUrl,
+    forceRedirectUrl,
+    fallbackRedirectUrl,
+    signUpForceRedirectUrl,
+    mode,
+    initialValues,
+    ...rest
+  } = props;
   children = normalizeWithDefaultValue(children, 'Sign in');
   const child = assertSingleChild(children)('SignInButton');
 
@@ -17,6 +24,7 @@ export const SignInButton = withClerk(({ clerk, children, ...props }: WithClerkP
       fallbackRedirectUrl,
       signUpFallbackRedirectUrl,
       signUpForceRedirectUrl,
+      initialValues,
     };
 
     if (mode === 'modal') {
diff --git a/packages/react/src/types.ts b/packages/react/src/types.ts
index c5c923a9922..23db387c31e 100644
--- a/packages/react/src/types.ts
+++ b/packages/react/src/types.ts
@@ -112,7 +112,11 @@ type ButtonProps = {
 export type SignInButtonProps = ButtonProps &
   Pick<
     SignInProps,
-    'fallbackRedirectUrl' | 'forceRedirectUrl' | 'signUpForceRedirectUrl' | 'signUpFallbackRedirectUrl'
+    | 'fallbackRedirectUrl'
+    | 'forceRedirectUrl'
+    | 'signUpForceRedirectUrl'
+    | 'signUpFallbackRedirectUrl'
+    | 'initialValues'
   >;
 
 export type SignUpButtonProps = {