diff --git a/.changeset/fix-ui-captcha-inert-boolean.md b/.changeset/fix-ui-captcha-inert-boolean.md new file mode 100644 index 00000000000..ce5ebc6061a --- /dev/null +++ b/.changeset/fix-ui-captcha-inert-boolean.md @@ -0,0 +1,5 @@ +--- +'@clerk/ui': patch +--- + +Use a React 19-safe boolean `inert` value when the sign-in or sign-up captcha becomes interactive, so the form is actually inert and the empty-string warning is gone. diff --git a/packages/ui/src/components/SignIn/SignInStart.tsx b/packages/ui/src/components/SignIn/SignInStart.tsx index d2115a3e575..71b14ab903b 100644 --- a/packages/ui/src/components/SignIn/SignInStart.tsx +++ b/packages/ui/src/components/SignIn/SignInStart.tsx @@ -1,4 +1,5 @@ import { getAlternativePhoneCodeProviderData } from '@clerk/shared/alternativePhoneCode'; +import { inertProps } from '@clerk/shared/inert'; import { ERROR_CODES, SIGN_UP_MODES } from '@clerk/shared/internal/clerk-js/constants'; import { clerkInvalidFAPIResponse } from '@clerk/shared/internal/clerk-js/errors'; import { getClerkQueryParam, removeClerkQueryParam } from '@clerk/shared/internal/clerk-js/queryParams'; @@ -644,8 +645,7 @@ function SignInStartInternal(): JSX.Element {