@activecollab/components/dist/esm/hooks/useHeight.js

ActiveCollab Components

import { useEffect, useState } from "react";
export const useHeight = ref => {
  const _useState = useState(0),
    height = _useState[0],
    setHeight = _useState[1];
  useEffect(() => {
    if (ref && ref.current) {
      const element = ref.current;
      const prevMaxHeight = element.style.maxHeight;
      const prevVisibility = element.style.visibility;
      element.style.visibility = "hidden";
      element.style.maxHeight = "none";
      const elementHeight = element.clientHeight;
      element.style.visibility = prevVisibility;
      element.style.maxHeight = prevMaxHeight;
      return setHeight(elementHeight);
    }
  }, [ref]);
  return height;
};
//# sourceMappingURL=useHeight.js.map