Form cover

Page 1 of 2

Hello Humanity — React SDK Quickstart Quiz

Section 1: Architecture and Setup

1. Why must the BrowserRouter component be the outermost layer, wrapping HumanityProvider?

*

A

HumanityProvider needs BrowserRouter to fetch environment variables.

B

It's required for React Strict Mode to detect hook errors.

C

The SDK uses internal routing for authentication callbacks, so it requires the router at the top level to function correctly.

D

It's just a style convention with no functional effect.

2. Which environment should be selected in the Developer Portal when initially building and testing your application?

*

A

Staging

B

Production

C

Mainnet

D

Sandbox

3. To ensure communication between your local dev server and the Developer Portal, which two settings must match exactly?

*

A

The Node.js version and the SDK version.

B

The API key and the Client Secret.

C

The domain name and the SSL certificate.

D

The port used by your local server (e.g., 3000) and the port defined in the Redirect URI in Developer Portal settings.

Section 2: Verification Workflow

4. What is the specific purpose of checking the "is human" credential preset?

*

A

To verify users have biometric data (like a palm print) associated with their profile, proving they're a real human and not a bot or AI.

B

To confirm the user has verified their email address.

C

To check whether the user has completed KYC document verification.

D

To confirm the user has linked a crypto wallet.

5. When implementing the useVerification hook, why check result.value === true rather than just checking if the result object exists?

*

A

Because .exists() is deprecated in the current SDK version.

B

Checking only for the result object might just confirm the preset itself is valid; checking .value confirms the user actually passed verification.

C

To avoid a TypeScript compilation error.

D

Because result will always be null regardless of pass/fail.

6. Why is it important to handle a "loading" state when using hooks like useHumanity?

*

A

It's only needed when using the Connect SDK, not the React SDK.

B

Loading state is required to satisfy TypeScript's strict null checks.

C

The SDK initializes asynchronously, and failing to handle the loading state can cause a visual flicker in the UI.

D

Without it, the hook throws an unhandled promise rejection.

Section 3: Testing Utilities

7. How can you test the full authentication and verification flow without using real biometric data?

*

A

By using a shared test account provided by Humanity support.

B

By creating "mock credentials" (such as a mock palm print) in the sandbox environment via developer tools.

C

By switching the SDK to "demo mode" in production.

D

By disabling verification checks in the SDK config.

8. What is the function of the clearVerificationCache utility during testing?

*

A

It resets the Developer Portal's redirect URI settings.

B

It logs the user out of their current session.

C

It clears the stored result so the hook queries the credential again for a fresh verification instead of returning a cached result.

D

It deletes the user's mock credentials permanently.