Function useHasChild

packages/@adobe/react-spectrum/src/utils/useHasChild.ts:17–23

(query: string, ref: RefObject<HTMLElement | null>)

import {useState} from 'react';

export function useHasChild(query: string, ref: RefObject<HTMLElement | null>): boolean {
  let [hasChild, setHasChild] = useState(true);
  useLayoutEffect(() => {
    setHasChild(!!(ref.current && ref.current.querySelector(query)));
  }, [setHasChild, query, ref]);
  return hasChild;
}