Setup
No backlinks found.
import { useUser } from '@clerk/clerk-react'
export function PasskeyNudge() { const { isSignedIn, user } = useUser()
const createClerkPasskey = async () => { if (!isSignedIn) return
try { await user?.createPasskey() // Show success message } catch (err) { console.error('Error:', JSON.stringify(err, null, 2)) } }
// Check if user already has passkeys const hasPasskey = user?.passkeys && user.passkeys.length > 0
if (hasPasskey) return null
return ( <div className="passkey-nudge"> <p>๐ Set up a passkey for faster, more secure sign-ins!</p> <button onClick={createClerkPasskey}>Add Passkey</button> </div> )}