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