Update dependency usehooks-ts to v3 (#885)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: lukasIO <[email protected]>
livekit · Jun 18, 2024 · 7cd73d7 · 7cd73d7
1 parent 58f514e
commit 7cd73d7
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 8 deletions.
diff --git a/.changeset/small-sheep-check.md b/.changeset/small-sheep-check.md
@@ -0,0 +1,5 @@
+---
+"@livekit/components-react": patch
+---
+
+Update usehooks-ts to v3
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -50,7 +50,7 @@
     "@livekit/components-core": "workspace:*",
     "@react-hook/latest": "1.0.3",
     "clsx": "2.1.1",
-    "usehooks-ts": "2.16.0"
+    "usehooks-ts": "3.1.0"
   },
   "peerDependencies": {
     "@livekit/protocol": "^1.16.0",

diff --git a/packages/react/src/components/participant/VideoTrack.tsx b/packages/react/src/components/participant/VideoTrack.tsx
@@ -42,9 +42,9 @@ export const VideoTrack = /* @__PURE__ */ React.forwardRef<HTMLVideoElement, Vid
     const mediaEl = React.useRef<HTMLVideoElement>(null);
     React.useImperativeHandle(ref, () => mediaEl.current as HTMLVideoElement);
 
-    const intersectionEntry = useHooks.useIntersectionObserver(mediaEl, {});
+    const intersectionEntry = useHooks.useIntersectionObserver({ root: mediaEl.current });
 
-    const debouncedIntersectionEntry = useHooks.useDebounce(intersectionEntry, 3000);
+    const [debouncedIntersectionEntry] = useHooks.useDebounceValue(intersectionEntry, 3000);
 
     React.useEffect(() => {
       if (

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml