@gechiui/block-editor/src/components/block-list/use-block-props/use-intersection-observer.js

Generic block editor.

/**
 * GeChiUI dependencies
 */
import { useRefEffect } from '@gechiui/compose';
import { useContext } from '@gechiui/element';

/**
 * Internal dependencies
 */
import { IntersectionObserver } from '../';

export function useIntersectionObserver() {
	const observer = useContext( IntersectionObserver );
	return useRefEffect(
		( node ) => {
			if ( observer ) {
				observer.observe( node );
				return () => {
					observer.unobserve( node );
				};
			}
		},
		[ observer ]
	);
}