npm install @keverdjs/react

import { KeverdProvider } from '@keverdjs/react';

export function App() {
  return (
    <KeverdProvider apiKey={import.meta.env.VITE_KEVERD_PUBLIC_KEY}>
      <YourApp />
    </KeverdProvider>
  );
}

import { useKeverd } from '@keverdjs/react';

function Checkout() {
  const { deviceId, riskScore, isLoading, error } = useKeverd();
  if (isLoading) return <p>Identifying device…</p>;
  if (error) return <p>{error.message}</p>;
  return (
    <div>
      <p>Device: {deviceId}</p>
      <p>Risk: {riskScore}</p>
    </div>
  );
}

import { useKeverdVisitorData } from '@keverdjs/react';

export function LoginForm() {
  const { getData, isLoading } = useKeverdVisitorData({ immediate: false });

  async function onSubmit(form: { email: string; password: string }) {
    const visitor = await getData();
    await fetch('/api/login', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({
        email: form.email,
        password: form.password,
        eventId: visitor.requestId,
      }),
    });
  }
}

{
  "visitor_id": "kvd_…",
  "event_id": "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx",
  "risk_score": 12,
  "browser": "Chrome"
}

{
  "email": "user@example.com",
  "password": "…",
  "eventId": "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
}