useVideo.tsx

export const useVideo = (videoRef: RefObject<HTMLVideoElement>, device: MediaDeviceInfo) => {
    const [started, setStarted] = useState(false);
    useEffect(() => {
        if (!videoRef.current || !device) {
            return noop;
        }

        const videoService = new VideoService();

        const start = async () => {
            try {
                await videoService.start(videoRef.current, device);
                setStarted(true);
            } catch {
                setStarted(false);
            }
        }

        start();

        return () => {
            videoService.stop();
        }
    }, [videoRef, device]);

    return started;
}