TanStack · Nov 14, 2021
Showing with 5 additions and 5 deletions.

+1 −1 docs/src/components/blog/intersection-observer/utils.js

+2 −2 docs/src/components/useOverScroll.js

+1 −1 docs/src/components/useTocHighlight.js

+1 −1 src/useRect.js
diff --git a/docs/src/components/blog/intersection-observer/utils.js b/docs/src/components/blog/intersection-observer/utils.js
@@ -1,6 +1,6 @@
 export function isDOMNode(node) {
   return (
-    node && Object.prototype.hasOwnProperty.call(node, 'getBoundingClientRect')
+    node && Object.prototype.hasOwnProperty.call(node, 'measure')
   )
 }
 

diff --git a/docs/src/components/useOverScroll.js b/docs/src/components/useOverScroll.js
@@ -30,12 +30,12 @@ export const useOverScroll = () => {
   const y = useTransform(scrollY, [rect.bottom - height, rect.top + 300], [0, -rectInner.height + rect.height]);
   React.useEffect(() => {
     if (ref.current) {
-      setRect(ref.current.getBoundingClientRect());
+      setRect(ref.current.measure());
     }
   }, [setRect, ref]);
   React.useEffect(() => {
     if (refInner.current) {
-      setRectInner(refInner.current.getBoundingClientRect());
+      setRectInner(refInner.current.measure());
     }
   }, [setRectInner, refInner]);
   return {

diff --git a/docs/src/components/useTocHighlight.js b/docs/src/components/useTocHighlight.js
@@ -23,7 +23,7 @@ export function useTocHighlight(linkClassName, linkActiveClassName, topOffset, g
           const headerAnchor = headersAnchors[index];
           const {
             top
-          } = headerAnchor.getBoundingClientRect();
+          } = headerAnchor.measure();
 
           if (top >= 0 && top <= topOffset) {
             activeHeaderAnchor = headerAnchor;

diff --git a/src/useRect.js b/src/useRect.js
@@ -18,7 +18,7 @@ export default function useRect(nodeRef) {
   useIsomorphicLayoutEffect(() => {
     if (element && !initialRectSet.current) {
       initialRectSet.current = true
-      const rect = element.getBoundingClientRect();
+      const rect = element.measure();
       dispatch({ rect });
     }
   }, [element])