import React, { useEffect, useRef } from 'react';
import useUserMedia from 'react-use-user-media';
 
const constraints = { video: true };
 
function Example() {
  const { state, stream } = useUserMedia(constraints);
  const ref = useRef();
 
  useEffect(() => {
    if (state !== 'resolved' || !stream) {
      return;
    }
 
    ref.current.srcObject = stream;
    ref.current.play();
  }, [state, stream]);
 
  if (state === 'pending') {
    return <p>Waiting...</p>;
  }
 
  if (state === 'rejected') {
    return <p>Error: {error.message}</p>;
  }
 
  return <video ref={ref} />;
}

useUserMedia(Object): {
  error: Error,
  state: 'pending' | 'resolved' | 'rejected',
  stream: MediaStream
}