Function useId

packages/ui/src/hooks/use-id.ts:8–15

(deterministicId?: string)

let count = 0

function useId(deterministicId?: string): string {
  const [id, setId] = React.useState<string | undefined>(useReactId())
  // React versions older than 18 will have client-side ids only.
  useIsomorphicLayoutEffect(() => {
    if (!deterministicId) setId(reactId => reactId ?? String(count++))
  }, [deterministicId])
  return deterministicId || (id ? `ea-ui-${id}` : '')
}

export { useId }