update @livekit/components-react

Author: thomasyuill-livekit

hooks/useConnection.tsx

@@ -66,13 +66,11 @@ export function ConnectionProvider({ appConfig, children }: ConnectionProviderPr
     return TokenSource.endpoint('/api/connection-details');
   }, [appConfig]);
 
-  const sessionOptions = useMemo(
-    () => (appConfig.agentName ? { agentName: appConfig.agentName } : undefined),
-    [appConfig]
+  const session = useSession(
+    tokenSource,
+    appConfig.agentName ? { agentName: appConfig.agentName } : undefined
   );
 
-  const session = useSession(tokenSource, sessionOptions);
-
   const value = useMemo(
     () => ({
       isConnectionActive,
@@ -87,10 +85,7 @@ export function ConnectionProvider({ appConfig, children }: ConnectionProviderPr
         session.end();
       },
     }),
-    // session object is not a stable reference
-    // TODO: add session object to dependencies
-    /* eslint-disable-next-line react-hooks/exhaustive-deps */
-    [isConnectionActive]
+    [session, isConnectionActive]
   );
 
   return (

package.json

@@ -11,7 +11,7 @@
     "format:check": "prettier --check ."
   },
   "dependencies": {
-    "@livekit/components-react": "0.0.0-20251021151641",
+    "@livekit/components-react": "0.0.0-agents-sdk-20251113071112",
     "@livekit/protocol": "^1.40.0",
     "@phosphor-icons/react": "^2.1.8",
     "@radix-ui/react-select": "^2.2.5",
@@ -21,7 +21,7 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "jose": "^6.0.12",
-    "livekit-client": "^2.15.8",
+    "livekit-client": "^2.15.15",
     "livekit-server-sdk": "^2.13.2",
     "mime": "^4.0.7",
     "motion": "^12.16.0",