How can we handle transferable={false} with Clerk elements while building custom UI?
import { SignIn } from "@clerk/nextjs";
export default function Page() {
return (
<div className="w-full min-h-screen flex items-center justify-center">
<SignIn transferable={false} />
</div>
);
}
The transferable prop is only available in the SignIn component from @clerk/nextjs, not @clerk/elements/sign-in.
1 Reply
Why not do something like, return a custom error from the backend saying an email doesn't exist in the user database, and then from there just tell the user "email or password incorrect"?
Because that prop isn't in the elements, you can't use them for what you want