React

Profile management

At the end of this guide, you will have a profile page where users can update their name and email address, with automatic email re-verification when the email changes.

The profile management component displays the user's current verified email as read-only text and provides a form to update their name and email. When users change their email, the new address is stored as pending until verified. Users continue using their existing email for login until verification completes.

The component includes:

  • Profile form with name and email fields
  • Display of current verified email
  • Pending email indicator with resend verification option
  • Automatic email reversion detection
  • Row-level locking for concurrent update safety
Unlock access
Only Plus subscribers can access the documentation
Log in now