Function useClientWidth

Custom React hook that retrieves the client width of an element.

This hook listens for resize events on the specified element and updates the clientWidth state whenever the width of the element changes.

Example

const MyComponent = () => {
  const ref = useRef(null);
  const clientWidth = useClientWidth(ref);

  return (
    <div ref={ref}>
      <p>The width of this element is: {clientWidth}px</p>
    </div>
  );
};