Live video component

<lytx-live-video  auth-token="[auth-token]" imei="[imei]" camera-id="[camera-id]" organization-id="[organization-id]"></lytx-live-video>

// app.component.view.html
<lytx-live-video auth-token="TOKEN" imei="1a2b3c4d5e6" camera-id="1" organization-id="5" ng-on-close="closeDashcamLytxLiveVideo($event, dashcamStream)" ng-on-component_error="componentErrorLytxLiveVideo($event)"></lytx-live-video>

// app.component.view.html
import './App.css';
import { useEffect, useRef } from 'react';
function App() {
  const playerRef = useRef()
  useEffect(() => {
    const element = playerRef.current
    const onCloseHandler = (event) => {
      alert('onCloseHandler')
      console.log(event)
    }
    const onComponentErrorHandler = (event) => {
      console.log('onComponentErrorHandler')
      console.error(event)
    }
    if (element) {
      element.addEventListener("close", onCloseHandler)
      element.addEventListener("componentError", onComponentErrorHandler)
    }
    return () => {
      if (element) {
        element.removeEventListener("close", onCloseHandler)
        element.removeEventListener("componentError", onComponentErrorHandler)
      }
    }
  }, [playerRef])
  return (
    <div className="App">
      <lytx-live-video ref={playerRef} auth-token="TOKEN" imei="1a2b3c4d5e6"  camera-id="1" organization-id="5"></lytx-live-video>
    </div>
  );
}
export default App;