ios – iPhone 15 Professional Max Digital camera Ignores deviceId and Switches Between Lenses Mechanically in React Apps

I’m constructing an online app that makes use of the digicam for doc scanning and have seen unusual habits on the iPhone 15 Professional Max. The cellphone appears to:
1. Choose a default digicam (probably the primary wide-angle lens).
2. Mechanically change to a wider digicam lens when specializing in an object.

Even after I explicitly present a deviceId within the videoConstraints, this habits persists. Altering the deviceId dynamically additionally doesn’t work—the digicam defaults to the identical lens and continues to modify robotically throughout use.

This leads to noticeable flickering because of the abrupt change in decision and discipline of view.

I’ve examined this in a React setting with each react-webcam and react-camera-pro, and the habits is constant.

you’ll be able to take a look at this in each demo apps:
1 – react-camera-pro
2 – react-webcam

Right here’s a simplified model of my setup:

import React, { useState, useEffect, useCallback } from 'react';
import Webcam from 'react-webcam';

const CameraComponent = () => {
  const [selectedDeviceId, setSelectedDeviceId] = useState<string>();

  const handleDevices = useCallback((gadgets: MediaDeviceInfo[]) => {
    const videoDevices = gadgets.filter(({ form }) => form === 'videoinput');
    if (videoDevices.size > 0) {
      setSelectedDeviceId(videoDevices[0].deviceId); // Explicitly set the primary system
    }
  }, []);

  useEffect(() => {
    navigator.mediaDevices.enumerateDevices().then(handleDevices);
  }, [handleDevices]);

  return (
    <Webcam
      audio={false}
      videoConstraints={{
        deviceId: selectedDeviceId ? { actual: selectedDeviceId } : undefined,
      }}
      screenshotFormat="picture/jpeg"
    />
  );
};

export default CameraComponent;

This habits doesn’t happen on Android or older iPhones with a single rear digicam.

What I’ve Tried:

•   Explicitly setting the deviceId in videoConstraints.
•   Dynamically altering the deviceId throughout the digicam feed.
•   Utilizing totally different React libraries (react-webcam and react-camera-pro).

My Query:

1.  Why does iOS override the deviceId and change between cameras robotically?
2.  Is there any strategy to power iOS to stay to a particular lens with out computerized switching?
3.  How can I forestall the flickering brought on by the lens change throughout scanning?

Any insights or workarounds can be appreciated!