@wfp/react/src/hooks/useId.ts

WFP UI Kit

import { useState, useEffect, useId } from "react";
import { ACCORDION_PREFIX } from "../components/Accordion/utils/constants";

let current = 0;

const useIdShim = () => {
  const [id, setId] = useState<number>();
  useEffect(() => setId(++current), []);
  return (id && `${ACCORDION_PREFIX}-${id}`) as string | undefined;
};

const _useId = useId || useIdShim;

export { _useId as useId };