@vouch-in/react

Official Vouch SDK for React - Email validation and device fingerprinting with React hooks.


Installation

``bash
npm install @vouch-in/react


or

yarn add @vouch-in/react

or

pnpm add @vouch-in/react
`

Quick Start

`jsx
import { VouchProvider, useValidateEmail } from "@vouch-in/react";
import { useState } from "react";

function App() {
return (



);
}

function SignupForm() {
const { validate, loading, data } = useValidateEmail();
const [email, setEmail] = useState("");

const handleSubmit = async (e) => {
e.preventDefault();
const result = await validate(email);

if (result.recommendation === "allow") {
console.log("Email is valid!");
}
};

return (


type="email"
value={email}
onChange={(e) => setEmail(e.target.value)}
/>

{loading ? "Validating..." : "Sign Up"}

{data && data.recommendation !== "allow" && (

Email validation failed

)}

);
}

`

Hooks

$3

`typescript
const { validate, loading, data, error, reset } = useValidateEmail();
`

$3

`typescript
const { fingerprint, loading, error, generate } = useFingerprint();
`

$3

`typescript
const vouch = useVouch();
``

Features

- React Context Provider pattern
- TypeScript support
- Loading and error states
- Automatic device fingerprinting
- SSR compatible

Documentation

For complete documentation, examples, and API reference, visit:

docs.vouch.expert/sdks/react

Related Packages

- @vouch-in/js - Core JavaScript SDK
- @vouch-in/next - Next.js integration
- @vouch-in/node - Server-side validation

License

Proprietary. Copyright (c) Vouch. All rights reserved.

See the SDK License Agreement for terms.