Object Detection React App not showing up in browser

I am trying to run the ‘Real-Time Custom Object Detection with TensorFlow.js (for Web)’ but it does not show in the browser. The localhost page opens but its blank.

Here’s the message i got.

Compiled successfully!

You can now view tensorflowjs-object-detection in the browser.

  Local:            http://localhost:3000/
  On Your Network:  http://192.222.0.11:3000/

Note that the development build is not optimized.
To create a production build, use yarn build.

yarn build

[saadpasta]

if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
  const webCamPromise = navigator.mediaDevices
    .getUserMedia({
      audio: false,
      video: {
        facingMode: 'user'
      }
    })
    .then(stream => {
      window.stream = stream
      this.videoRef.current.srcObject = stream
      return new Promise((resolve, _) => {
        this.videoRef.current.onloadedmetadata = () => {
          resolve()
        }
      })
    }).catch(err =>
      console.log(err.message)
    )

add .catch

[bourdakos1]

If this isn’t resolved, please re-open the issue here: https://github.com/cloud-annotations/object-detection-react