common useComponentHeight.tsx

85.71% Statements 6/7

50% Branches 1/2

100% Functions 2/2

85.71% Lines 6/7

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15  
 
22x
829x
828x
 
828x
131x
 
 
 
 
828x
 
  import { useEffect, useRef, useState } from "react";
 
export const useComponentHeight = () => {
  const ref: React.RefObject<HTMLDivElement> = useRef<HTMLDivElement>(null);
  const [height, setHeight] = useState(0);
 
  useEffect(() => {
    Iif (ref.current) {
      setHeight(ref.current.offsetHeight);
    }
  }, []);
 
  return { ref, height };
};