useElementSize.ts

function useElementSize(): [
  (el: HTMLElement | null) => void,
  { width?: number; height?: number }
] {
  const [el, ref] = React.useState(null);
  const width = React.useSyncExternalStore(noop, () => el?.offsetWidth);
  const height = React.useSyncExternalStore(noop, () => el?.offsetHeight);

  return [ref, { width, height }];
}