diff --git a/src/hooks/useIntersectionObserver.ts b/src/hooks/useIntersectionObserver.ts
index 80c0eef98..661b000c8 100644
--- a/src/hooks/useIntersectionObserver.ts
+++ b/src/hooks/useIntersectionObserver.ts
@@ -170,9 +170,11 @@ export function useIntersectionObserver({
 export function useOnIntersect(
   targetRef: RefObject<HTMLDivElement>, observe?: ObserveFn, callback?: TargetCallback,
 ) {
+  const lastCallback = useLastCallback(callback);
+
   useEffect(() => {
-    return observe ? observe(targetRef.current!, callback) : undefined;
-  }, [callback, observe, targetRef]);
+    return observe ? observe(targetRef.current!, lastCallback) : undefined;
+  }, [lastCallback, observe, targetRef]);
 }
 
 export function useIsIntersecting(