fix: Make useCamera(...) reactive to device changes (#3890)

fix: make useCamera reactive to device changes

Author: mrousavy

packages/react-native-vision-camera/src/hooks/useCamera.ts

@@ -1,5 +1,4 @@
 import { useEffect, useMemo } from 'react'
-import { getAllCameraDevices } from '../CameraDevices'
 import { getCameraDevice } from '../devices/getCameraDevice'
 import type {
   CameraController,
@@ -26,6 +25,7 @@ import { useCameraSession } from './internal/useCameraSession'
 import { useCameraSessionIsRunning } from './internal/useCameraSessionIsRunning'
 import { useListenerSubscription } from './internal/useListenerSubscription'
 import { useStableCallback } from './internal/useStableCallback'
+import { useCameraDevices } from './useCameraDevices'
 import { useOrientation } from './useOrientation'
 
 export interface CameraProps {
@@ -256,11 +256,11 @@ export function useCamera({
   }, [orientation, outputs])
 
   // 3. Get the input - either find one via position, or use the user provided one
+  const devices = useCameraDevices()
   const input = useMemo(() => {
     if (typeof device === 'string') {
       // The user passed a `CameraPosition` (e.g. "back") - try to find a device ourselves
       const position = device
-      const devices = getAllCameraDevices()
       const foundDevice = getCameraDevice(devices, position)
       if (foundDevice == null) {
         throw new Error(`This device does not have any "${position}" Cameras!`)
@@ -270,7 +270,7 @@ export function useCamera({
       // The user passed an actual device. return as-is.
       return device
     }
-  }, [device])
+  }, [device, devices])
 
   // 4. Configure the session with the input + outputs to create a `CameraController`
   const controller = useCameraController(session, input, outputs, {