@org_educaresco/viam.profileimage/src/component/webcamComponent.js

A React component that show Image Perfil.

import React from "react";
import Webcam from "react-webcam";

const WebcamComponent = props => {
  const {
    getPhoto,
    showCamera,
    photo,
    setRef,
    textButton,
    onUserMediaError
  } = props;
  const videoConstraints = { facingMode: "user" };
  return (
    <>
      <button type="button" className="imageButton" onClick={getPhoto}>
        {showCamera ? (
          <Webcam
            className="imagePhotoSize"
            screenshotFormat="image/jpeg"
            ref={setRef}
            videoConstraints={videoConstraints}
            onUserMediaError={onUserMediaError}
          />
        ) : (
          <img
            alt="camera"
            className="imagePhotoSize"
            src={photo || "./camera.png"}
          />
        )}
      </button>
      <button type="button" className="imageButton" onClick={getPhoto}>
        {textButton}
      </button>
    </>
  );
};
export default WebcamComponent;