Image proccessing on MS Teams

mkemalgokce - Could you please try with the below sample code-

const CaptureImage = () => {
  const [capturedImage] = useState('');
  const [capturedImages, setCapturedImages] = useState<any[]>([]);

  useEffect(() => {
    // initializing microsoft teams sdk
    microsoftTeams.app.initialize()
  })

  // Method to validate before capturing media
  function captureMultipleImages(mediaCount: number) {
    // Method to ask for image capture permission and then select media
       let imageProp: microsoftTeams.media.ImageProps = {
      sources: [microsoftTeams.media.Source.Camera, microsoftTeams.media.Source.Gallery],
      startMode: microsoftTeams.media.CameraStartMode.Photo,
      ink: false,
      cameraSwitcher: false,
      textSticker: false,
      enableFilter: true,
    };

   
    let mediaInput: microsoftTeams.media.MediaInputs = {
      mediaType: microsoftTeams.media.MediaType.Image,
      maxMediaCount: mediaCount,
      imageProps: imageProp
    };

Also refer the below sample-

Microsoft-Teams-Samples/CaptureImage.tsx at main · OfficeDev/Microsoft-Teams-Samples · GitHub