react get div dimensions - using react hooks

GetContainerDimensions.js

import { useState, useEffect } from 'react';

const useContainerDimensions = containerRef => {
  const getDimensions = () => ({
    width: containerRef.offsetWidth,
    height: containerRef.offsetHeight
  });

  const [dimensions, setDimensions] = useState({ width: 0, height: 0 });

  useEffect(() => {
    const handleResize = () => setDimensions(getDimensions());
    if (containerRef) setDimensions(getDimensions());
    window.addEventListener('resize', handleResize);
    return () => window.removeEventListener('resize', handleResize);
  }, [containerRef]);

  return dimensions;
};

const GetContainerDimensions = ({ children, containerRef }) => children(useContainerDimensions(containerRef));

export default GetContainerDimensions;

// Example of use

// <div ref={ref => (this.customRef = ref)}></div>
//
// <GetContainerDimensions containerRef={this.customRef}>
//  {({ width, height }) => <LoadingLayer isLoading={isLoading} width={width} height={height} />}
// </GetContainerDimensions>

for react-native = https://gist.github.com/sturmenta/2bf6fa1e58d30c5977810b737c6173c0

better way of doing this: https://gist.github.com/sturmenta/dfa8c93d4b54d03ac2d592b23c228cd6