fix: #172 support react18 (#173)

fbaiodias · Oct 14, 2022 · 1b8e0de · 1b8e0de
1 parent 09abbac
commit 1b8e0de
Showing 1 changed file with 12 additions and 6 deletions.
diff --git a/src/video-recorder.js b/src/video-recorder.js
@@ -212,6 +212,18 @@ export default class VideoRecorder extends Component {
     ) {
       this.tryToUnmuteReplayVideo()
     }
+
+    if (
+      this.state.isCameraOn !== prevState.isCameraOn &&
+      this.state.isCameraOn
+    ) {
+      // Only if the cameraVideo ref is available
+      if (window.URL && this.cameraVideo) {
+        this.cameraVideo.srcObject = this.state.stream
+      } else {
+        this.cameraVideo.src = this.state.stream
+      }
+    }
   }
 
   componentWillUnmount () {
@@ -334,12 +346,6 @@ export default class VideoRecorder extends Component {
       this.props.onCameraOn()
     }
 
-    if (window.URL) {
-      this.cameraVideo.srcObject = stream
-    } else {
-      this.cameraVideo.src = stream
-    }
-
     // there is probably a better way
     // but this makes sure the start recording button
     // gives the stream a couple miliseconds to be ready