import React, { useState } from "react";
import { FaceValidation } from "idmission-web-sdk";
 
function getSessionId() {
  return fetch("/api/get-session").then(resp => resp.json()).then(resp => resp.id);
}
 
function MyComponent() {
  const [running, setRunning] = useState(false);
 
  return (
    <>
      <button onClick={() => setRunning(true)}>Start Face Validation</button>
 
      {running && (
        <FaceValidation sessionId={getSessionId} />
      )}
    </>
  );
}

function getSessionId() {
  return fetch('/api/get-session').then(resp => resp.json()).then(resp => resp.id)
}
 
IDmissionSDK.renderFaceValidation('#target-element', {
  sessionId: getSessionId,
})