Small little hook to use in TypeScript React Native apps to get the size of a component onLayout

useSize.tsx

import { useCallback, useState } from 'react';
import { LayoutChangeEvent } from 'react-native';

export const useSize = (): [
  {
    height: number;
    width: number;
  },
  (event: LayoutChangeEvent) => void
] => {
  const [size, setSize] = useState<{
    height: number;
    width: number;
  } | null>(null);

  const onLayout = useCallback((event: LayoutChangeEvent) => {
    const { width, height } = event.nativeEvent.layout;
    setSize({ width, height });
  }, []);

  return [size, onLayout];
};

Could you provide a usage example? thanks!