@gechiui/components/src/flyout/utils.js

UI components for GeChiUI.

/**
 * External dependencies
 */
import useResizeAware from 'react-resize-aware';

/**
 * GeChiUI dependencies
 */
import { useIsomorphicLayoutEffect } from '@gechiui/compose';

/**
 *
 * @param { { onResize?: () => any } } onResize
 */
export function useFlyoutResizeUpdater( { onResize } ) {
	const [ resizeListener, sizes ] = useResizeAware();

	useIsomorphicLayoutEffect( () => {
		onResize?.();
	}, [ sizes.width, sizes.height ] );

	return resizeListener;
}