@geneui/components/hooks/useWidth.js

The Gene UI components library designed for BI tools

import { useState, useEffect } from 'react';
import useWindowSize from './useWindowSize.js';
import './useDebounce.js';

function useWidth(ref) {
  const [width, setWidth] = useState(null);
  const {
    width: windowWidth
  } = useWindowSize();
  useEffect(() => {
    setWidth(ref.current.clientWidth);
  }, [ref.current, windowWidth]);
  return width;
}

export { useWidth as default };