You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
1.6 KiB
29 lines
1.6 KiB
/**
|
|
* Setup an [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver) on
|
|
* a DOM Element that returns it's entries as they arrive.
|
|
*
|
|
* @param element The DOM element to observe
|
|
* @param init IntersectionObserver options with a notable change,
|
|
* unlike a plain IntersectionObserver `root: null` means "not provided YET",
|
|
* and the hook will wait until it receives a non-null value to set up the observer.
|
|
* This change allows for easier syncing of element and root values in a React
|
|
* context.
|
|
*/
|
|
declare function useIntersectionObserver<TElement extends Element>(element: TElement | null | undefined, options?: IntersectionObserverInit): IntersectionObserverEntry[];
|
|
/**
|
|
* Setup an [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver) on
|
|
* a DOM Element. This overload does not trigger component updates when receiving new
|
|
* entries. This allows for finer grained performance optimizations by the consumer.
|
|
*
|
|
* @param element The DOM element to observe
|
|
* @param callback A listener for intersection updates.
|
|
* @param init IntersectionObserver options with a notable change,
|
|
* unlike a plain IntersectionObserver `root: null` means "not provided YET",
|
|
* and the hook will wait until it receives a non-null value to set up the observer.
|
|
* This change allows for easier syncing of element and root values in a React
|
|
* context.
|
|
*
|
|
*/
|
|
declare function useIntersectionObserver<TElement extends Element>(element: TElement | null | undefined, callback: IntersectionObserverCallback, options?: IntersectionObserverInit): void;
|
|
export default useIntersectionObserver;
|