switch camera not working

[shohrejf]

i am using this code in my project:
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
const [availableDeviceIds, setAvailableDeviceIds] = useState([]);
const [counter, setCounter] = useState(0);

useEffect(() => {
navigator.mediaDevices.enumerateDevices().then(mediaDevices => {
const videoDevices = mediaDevices.filter(x => x.kind === 'videoinput');
videoDevices.map((x: any, index) => {
setAvailableDeviceIds(x.deviceId);
});
});
}, [availableDeviceIds]);

const handleSwitchCamera = () => {
console.log('availableDeviceIds', availableDeviceIds);

if (onSwitchCamera) {
  onSwitchCamera();
}
if (availableDeviceIds?.lenght > 0) {
  if (counter === 0) {
    setCounter(1);
  } else if (counter === 1) {
    setCounter(0);
  }
} else {
  setCounter(0);
}

stream && stream.getTracks().forEach(stream => stream.stop());
if (availableDeviceIds?.lenght > 0) {
  turnOnCamera(availableDeviceIds[counter]);
} else {
  turnOnCamera(availableDeviceIds[0]);
}

};

const turnOnCamera = (deviceId: any) => {
if (onTurnOnCamera) {
onTurnOnCamera();
}
navigator.mediaDevices.enumerateDevices().then(mediaDevices => {
const fallbackContraints = {
audio: true,
video: true,
};
let currentConstraints: any;
if (availableDeviceIds?.lenght > 0) {
currentConstraints = merge(
{
video: {
deviceId: {
exact: availableDeviceIds[counter],
},
},
},
constraints,
);
} else {
currentConstraints = merge(
{
video: {
deviceId: {
exact: availableDeviceIds[0],
},
},
},
constraints,
);
}

  navigator.mediaDevices
    .getUserMedia(currentConstraints)
    .catch(err => {
      if (
        err.name === 'NotReadableError' ||
        err.name === 'OverconstrainedError'
      ) {
        console.warn(
          `Got ${err.name}, trying getUserMedia again with fallback constraints`,
        );
        return navigator.mediaDevices.getUserMedia(fallbackContraints);
      }
      throw err;
    })
    .then(handleSuccess);
});

};

const handleSuccess = stream => {
setStream(stream);
if (onCameraOn) {
onCameraOn();
}
// setSrc(stream);
// onTurnOnCamera();
};

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
and my videoRecorder is:

<VideoRecorder
constraints={{
audio: true,
video: true,
}}
src={src}
stream={stream}
/>

And after clicking on the button that calls the handleSwitchCamera function, the screen turns black.

[chiajunt]

Facing the same issue too, the camera switch does not seem to be working.

[dcorey05]

I'm seeing same issue, reverted to 3.18.4 and it works

[Laucsen]

3.18.4 is working but not turn on the flash light on iPhone.