From 43762650d15b7c69f139bf3b32168a49ef75d2b0 Mon Sep 17 00:00:00 2001
From: Cody Bennett <hi@codyb.co>
Date: Fri, 7 Oct 2022 00:04:55 -0500
Subject: [PATCH] fix(useIntersect): call live callback (#1084)

---
 src/core/useIntersect.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/core/useIntersect.tsx b/src/core/useIntersect.tsx
index a82560537..afa666d49 100644
--- a/src/core/useIntersect.tsx
+++ b/src/core/useIntersect.tsx
@@ -5,6 +5,8 @@ export function useIntersect<T extends THREE.Object3D>(onChange: (visible: boole
   const ref = React.useRef<T>(null!)
   const check = React.useRef(false)
   const temp = React.useRef(false)
+  const callback = React.useRef(onChange)
+  React.useLayoutEffect(() => void (callback.current = onChange), [onChange])
   React.useEffect(() => {
     const obj = ref.current
     if (obj) {
@@ -18,7 +20,7 @@ export function useIntersect<T extends THREE.Object3D>(onChange: (visible: boole
       obj.onBeforeRender = () => (check.current = true)
       // Compare the check value against the temp value, if it differs set state
       const unsub2 = addAfterEffect(() => {
-        if (check.current !== temp.current) onChange((temp.current = check.current))
+        if (check.current !== temp.current) callback.current?.((temp.current = check.current))
         return true
       })
       return () => {