chore: update @livekit/react-native-webrtc to 125.0.12 (#261)

Author: davidliu

ci/package.json

@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@livekit/react-native": "*",
-    "@livekit/react-native-webrtc": "^125.0.10",
+    "@livekit/react-native-webrtc": "^125.0.12",
     "livekit-client": "^2.9.8",
     "react": "18.2.0",
     "react-native": "0.74.2"

ci/yarn.lock

@@ -2174,16 +2174,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@livekit/react-native-webrtc@npm:^125.0.10":
-  version: 125.0.10
-  resolution: "@livekit/react-native-webrtc@npm:125.0.10"
+"@livekit/react-native-webrtc@npm:^125.0.12":
+  version: 125.0.12
+  resolution: "@livekit/react-native-webrtc@npm:125.0.12"
   dependencies:
     base64-js: 1.5.1
     debug: 4.3.4
     event-target-shim: 6.0.2
   peerDependencies:
     react-native: ">=0.60.0"
-  checksum: e40d4742e8b2819653b96979309b167c753f77b953b6ca29b0c48a5aa3169706e36981e95da78c90ec5c1c9b22f225c31fb1d5ed531295e6c996bbbdb64a9a72
+  checksum: 42219d63e39cf7a7b76489d4bb800de996cd345f239d0df888568ad134e7b3a1a75630a84750ac52577562e749942071ef147186f2d56cc4b65d4a9187e0415b
   languageName: node
   linkType: hard
 
@@ -3872,7 +3872,7 @@ __metadata:
     "@babel/preset-env": ^7.20.0
     "@babel/runtime": ^7.20.0
     "@livekit/react-native": "*"
-    "@livekit/react-native-webrtc": ^125.0.10
+    "@livekit/react-native-webrtc": ^125.0.12
     "@react-native/babel-preset": 0.74.84
     "@react-native/eslint-config": 0.74.84
     "@react-native/metro-config": 0.74.84

example/package.json

@@ -10,7 +10,7 @@
     "postinstall": "patch-package"
   },
   "dependencies": {
-    "@livekit/react-native-webrtc": "^125.0.10",
+    "@livekit/react-native-webrtc": "^125.0.12",
     "@react-native-async-storage/async-storage": "^1.17.10",
     "@react-navigation/native": "^6.0.8",
     "@react-navigation/native-stack": "^6.5.0",

example/yarn.lock

@@ -2172,16 +2172,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@livekit/react-native-webrtc@npm:^125.0.10":
-  version: 125.0.10
-  resolution: "@livekit/react-native-webrtc@npm:125.0.10"
+"@livekit/react-native-webrtc@npm:^125.0.12":
+  version: 125.0.12
+  resolution: "@livekit/react-native-webrtc@npm:125.0.12"
   dependencies:
     base64-js: 1.5.1
     debug: 4.3.4
     event-target-shim: 6.0.2
   peerDependencies:
     react-native: ">=0.60.0"
-  checksum: e40d4742e8b2819653b96979309b167c753f77b953b6ca29b0c48a5aa3169706e36981e95da78c90ec5c1c9b22f225c31fb1d5ed531295e6c996bbbdb64a9a72
+  checksum: 42219d63e39cf7a7b76489d4bb800de996cd345f239d0df888568ad134e7b3a1a75630a84750ac52577562e749942071ef147186f2d56cc4b65d4a9187e0415b
   languageName: node
   linkType: hard
 
@@ -6128,7 +6128,7 @@ __metadata:
     "@babel/core": ^7.20.0
     "@babel/preset-env": ^7.20.0
     "@babel/runtime": ^7.20.0
-    "@livekit/react-native-webrtc": ^125.0.10
+    "@livekit/react-native-webrtc": ^125.0.12
     "@react-native-async-storage/async-storage": ^1.17.10
     "@react-native/babel-preset": 0.74.84
     "@react-native/eslint-config": 0.74.84

package.json

@@ -57,7 +57,7 @@
     "@babel/preset-env": "^7.20.0",
     "@babel/runtime": "^7.20.0",
     "@commitlint/config-conventional": "^16.2.1",
-    "@livekit/react-native-webrtc": "^125.0.10",
+    "@livekit/react-native-webrtc": "^125.0.12",
     "@react-native/babel-preset": "0.74.84",
     "@react-native/eslint-config": "0.74.84",
     "@react-native/metro-config": "0.74.84",
@@ -84,7 +84,7 @@
     "typescript": "5.0.4"
   },
   "peerDependencies": {
-    "@livekit/react-native-webrtc": "^125.0.10",
+    "@livekit/react-native-webrtc": "^125.0.12",
     "livekit-client": "^2.9.0",
     "react": "*",
     "react-native": "*"

src/components/VideoTrack.tsx

@@ -19,7 +19,6 @@ import {
   type RTCIOSPIPOptions,
 } from '@livekit/react-native-webrtc';
 import {
-  Component,
   forwardRef,
   useCallback,
   useEffect,
@@ -125,6 +124,8 @@ export type VideoTrackProps = {
   };
 };
 
+type RTCViewInstance = InstanceType<typeof RTCView>;
+
 /**
  * VideoTrack component for displaying video tracks in a React Native application.
  * It supports both local and remote video tracks from LiveKit, and handles adaptive streaming for remote tracks.
@@ -133,7 +134,7 @@ export type VideoTrackProps = {
  * @returns A React component that renders the given video track.
  * @public
  */
-export const VideoTrack = forwardRef<Component, VideoTrackProps>(
+export const VideoTrack = forwardRef<RTCViewInstance, VideoTrackProps>(
   (
     {
       style = {},

yarn.lock

@@ -2433,16 +2433,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@livekit/react-native-webrtc@npm:^125.0.10":
-  version: 125.0.10
-  resolution: "@livekit/react-native-webrtc@npm:125.0.10"
+"@livekit/react-native-webrtc@npm:^125.0.12":
+  version: 125.0.12
+  resolution: "@livekit/react-native-webrtc@npm:125.0.12"
   dependencies:
     base64-js: 1.5.1
     debug: 4.3.4
     event-target-shim: 6.0.2
   peerDependencies:
     react-native: ">=0.60.0"
-  checksum: e40d4742e8b2819653b96979309b167c753f77b953b6ca29b0c48a5aa3169706e36981e95da78c90ec5c1c9b22f225c31fb1d5ed531295e6c996bbbdb64a9a72
+  checksum: 42219d63e39cf7a7b76489d4bb800de996cd345f239d0df888568ad134e7b3a1a75630a84750ac52577562e749942071ef147186f2d56cc4b65d4a9187e0415b
   languageName: node
   linkType: hard
 
@@ -2455,7 +2455,7 @@ __metadata:
     "@babel/runtime": ^7.20.0
     "@commitlint/config-conventional": ^16.2.1
     "@livekit/components-react": ^2.8.1
-    "@livekit/react-native-webrtc": ^125.0.10
+    "@livekit/react-native-webrtc": ^125.0.12
     "@react-native/babel-preset": 0.74.84
     "@react-native/eslint-config": 0.74.84
     "@react-native/metro-config": 0.74.84
@@ -2489,7 +2489,7 @@ __metadata:
     web-streams-polyfill: ^4.1.0
     well-known-symbols: ^4.1.0
   peerDependencies:
-    "@livekit/react-native-webrtc": ^125.0.10
+    "@livekit/react-native-webrtc": ^125.0.12
     livekit-client: ^2.9.0
     react: "*"
     react-native: "*"