passport-photo-validator-react

React hooks for passport-photo-validator.

Install

npm install passport-photo-validator passport-photo-validator-react

React usage

import { usePassportPhotoValidation } from "passport-photo-validator-react";

export function PhotoChecker({ file }: { file: File | null }) {
  const { result, status } = usePassportPhotoValidation({
    input: file,
    autoValidate: true,
  });

  return <pre>{JSON.stringify({ status, result }, null, 2)}</pre>;
}

Next.js App Router

"use client";

import { usePassportPhotoValidation } from "passport-photo-validator-react/next";

export function PhotoChecker({ file }: { file: File | null }) {
  const { result } = usePassportPhotoValidation({
    input: file,
    autoValidate: true,
  });

  return <div>{result?.valid ? "valid" : "invalid"}</div>;
}