reakit/src/Form/__utils/getFirstInvalidInput.ts

Toolkit for building accessible rich web apps with React

import { getDocument } from "reakit-utils/getDocument";

export function getFirstInvalidInput(baseId: string, target?: Element | null) {
  const document = getDocument(target);
  const selector = `[aria-invalid=true][id^=${baseId}]`;
  return document.querySelector<HTMLInputElement | HTMLFieldSetElement>(
    selector
  );
}