react native - why device is not showing in the picker value , its showing Error: Element type is invalid: expected a string (for built-in components)

Question

Here i'm trying to the get the devices list based on 'videoInput' and show it in the dropdown-picker, but its getting some error where do i wrong please help me thanks in advance..

i'm at the begining stage of react-native

const Customer = () => {
const [devices, setDevices] = React.useState([]);

const handleDevices = React.useCallback(
mediaDevices =>
 setDevices(mediaDevices),[setDevices]
);

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

 return (
  <Picker>
     {
        devices.map((device, key) => device.kind ==="videoinput" 
        ? <Picker.Item value={device.deviceId } >{device.label || `Device ${key + 1}`}</Picker.Item>
        : null
     )}
  </Picker>
 }
export default Customer;

question from:https://stackoverflow.com/questions/65947799/why-device-is-not-showing-in-the-picker-value-its-showing-error-element-type

Answer 1

Waitting for answers