Password Reset Configuration

import { AuthFlowType, B2BProducts, StytchB2B } from "@stytch/react/b2b";

// You'll render the UI component with this configuration after users click the password reset redirect URL.
const passwordResetConfig = {
  authFlowType: AuthFlowType.PasswordReset,
  products: [B2BProducts.passwords],
  sessionOptions: { sessionDurationMinutes: 60 },
};

// Render the StytchB2B component
<StytchB2B config={passwordResetConfig} />

import { AuthFlowType, B2BProducts, StytchB2B } from "@stytch/react/b2b";

// You'll render the UI component with this configuration after users click the password reset redirect URL.
const passwordResetConfig = {
  authFlowType: AuthFlowType.PasswordReset,
  products: [B2BProducts.passwords],
  sessionOptions: { sessionDurationMinutes: 60 },
};

// Render the StytchB2B component
<StytchB2B config={passwordResetConfig} />

To build a password reset page, set up a login page that renders the StytchB2B component with authFlowType set to PasswordReset.

Pre-built UI

Methods

More Resources

Skeleton group 5

Password Reset Configuration