useHasCamera custom hook

useHasCamera.ts

import { useEffect, useState } from "react";

type Cameras = {
  back: boolean;
  front: boolean;
};

/** Returns a device's cameras and their location */
export default function useHasCamera() {
  const [cameras, setCameras] = useState<Cameras | null>(null);

  useEffect(() => {
    const detectCamera = async () => {
      let hasRearCamera: boolean;
      let hasFrontCamera: boolean;

      try {
        await navigator.mediaDevices.getUserMedia({
          video: { facingMode: { exact: "environment" } },
        });
      } catch {
        hasRearCamera = false;
      }

      try {
        await navigator.mediaDevices.getUserMedia({
          video: { facingMode: { exact: "user" } },
        });
      } catch {
        hasFrontCamera = false;
      }

      setCameras({
        back: hasRearCamera,
        front: hasFrontCamera,
      });
    };
    detectCamera();
  }, []);

  return cameras;
}