@stream-io/video-react-sdk 1.24.1 → 1.24.2

package/dist/src/wrappers/LivestreamPlayer/LivestreamPlayer.d.ts

@@ -1,3 +1,4 @@
+import { PropsWithChildren } from 'react';
 import { BackstageLayoutProps, LivestreamLayoutProps } from '../../core';
 export type LivestreamPlayerProps = {
     /**
@@ -13,7 +14,7 @@ export type LivestreamPlayerProps = {
      *
      * `"asap"` behavior means joining the call as soon as it is possible
      * (either the `join_ahead_time_seconds` setting allows it, or the user
-     * has a the capability to join backstage).
+     * has the capability to join backstage).
      *
      * `"live"` behavior means joining the call when it goes live.
      *
@@ -33,4 +34,4 @@ export type LivestreamPlayerProps = {
      */
     onError?: (error: any) => void;
 };
-export declare const LivestreamPlayer: (props: LivestreamPlayerProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const LivestreamPlayer: (props: PropsWithChildren<LivestreamPlayerProps>) => import("react/jsx-runtime").JSX.Element | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-sdk",
-  "version": "1.24.1",
+  "version": "1.24.2",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
@@ -30,9 +30,9 @@
   ],
   "dependencies": {
     "@floating-ui/react": "^0.27.6",
-    "@stream-io/video-client": "1.34.1",
+    "@stream-io/video-client": "1.35.0",
     "@stream-io/video-filters-web": "0.3.0",
-    "@stream-io/video-react-bindings": "1.10.1",
+    "@stream-io/video-react-bindings": "1.10.2",
     "chart.js": "^4.4.4",
     "clsx": "^2.0.0",
     "react-chartjs-2": "^5.3.0"

package/src/wrappers/LivestreamPlayer/LivestreamPlayer.tsx

@@ -1,8 +1,9 @@
-import { useEffect, useState } from 'react';
+import { PropsWithChildren, useEffect, useState } from 'react';
 import { Call, CallingState } from '@stream-io/video-client';
 import {
   useCall,
   useCallStateHooks,
+  useEffectEvent,
   useStreamVideoClient,
 } from '@stream-io/video-react-bindings';
 import {
@@ -12,7 +13,6 @@ import {
   LivestreamLayoutProps,
   StreamCall,
 } from '../../core';
-import { useEffectEvent } from '@stream-io/video-react-bindings';
 
 export type LivestreamPlayerProps = {
   /**
@@ -28,7 +28,7 @@ export type LivestreamPlayerProps = {
    *
    * `"asap"` behavior means joining the call as soon as it is possible
    * (either the `join_ahead_time_seconds` setting allows it, or the user
-   * has a the capability to join backstage).
+   * has the capability to join backstage).
    *
    * `"live"` behavior means joining the call when it goes live.
    *
@@ -49,8 +49,10 @@ export type LivestreamPlayerProps = {
   onError?: (error: any) => void;
 };
 
-export const LivestreamPlayer = (props: LivestreamPlayerProps) => {
-  const { callType, callId, ...restProps } = props;
+export const LivestreamPlayer = (
+  props: PropsWithChildren<LivestreamPlayerProps>,
+) => {
+  const { callType, callId, children, ...restProps } = props;
   const client = useStreamVideoClient();
   const [call, setCall] = useState<Call>();
   const onError = useEffectEvent(props.onError ?? (() => {}));
@@ -78,6 +80,7 @@ export const LivestreamPlayer = (props: LivestreamPlayerProps) => {
   return (
     <StreamCall call={call}>
       <LivestreamCall {...restProps} />
+      {children}
     </StreamCall>
   );
 };