This document explains how to integrate the Reuthentication flow from your React application

This document explains how to integrate the Reauthentication from your web application through our Javascript component to authorize your users. This stage should be either at the login page of your application or wherever you want to verify, that this is still the person who originally verified his or her identity to you. This is useful for example if users start a job, approve high transactions or simply login to your app.

This guide assumes that you have previously integrated the Verification flow and users are tracked correctly as explained in the client integration section.

Render the Component in Your Login Page

Render the component by specifying integrationType as "login" in the additional options as explained below. All the customization options explained in the client section are supported as well.


Authorize Your Users

Upon completion of the Reauthentication you will receive a webhook with the result of the login attempt.

"key": "b76e244e-26a3-49ef-9c72-3e599bf0b5f2",
"status": "approved",
"created": 1582628711,
"updated": 1582628999,
"processed": 1582628999,

Make sure you are only allowing webhooks from Passbase as they can be forged!

Wrap-Up and Example

A full example of how an integration of the reauthentication button could look like is below:

import React from 'react';
import VerifyButton from "@passbase/button/react";
function App() {
const referenceUserWithKey = (key) => {
// Make request to your backend/db and save the key to the user's profile
return (
<div className="App">
onFinish={(identityAccessKey) => {
email: ""
export default App;

You have successfully completed the Passbase React Reauthentication Integration! 🎉