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 `` 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) => {
- 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 = {