Event media component

<lytx-event-media auth-token="{auth-token}" organization-id="{organization-id}" imei="{imei}" event-id="{event-id}"></lytx-event-media>

// app.component.view.html
<lytx-event-media auth-token="TOKEN" imei="1a2b3c4d5e6" event-id="1" organization-id="5" ng-on-component_error="componentErrorLytxEventMedia($event)"></lytx-event-media>

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