Fix react hook console errors (#2198)

* Not using logical OR to call _usePermissions

* Change files

Author: mgamis-msft

change/@internal-react-components-1f3cc8e2-506d-4ded-8e86-0c9d92c3e2ee.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix React hook order console errors for CameraButton.",
+  "packageName": "@internal/react-components",
+  "email": "miguelgamis@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@internal-react-composites-b35aea7d-acb8-401f-8ba5-238b4a64df03.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix React hook order console errors for LocalDeviceSettings.",
+  "packageName": "@internal/react-composites",
+  "email": "miguelgamis@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/react-components/src/components/CameraButton.tsx

@@ -150,7 +150,9 @@ export const CameraButton = (props: CameraButtonProps): JSX.Element => {
 
   let disabled = props.disabled || waitForCamera;
   /* @conditional-compile-remove(rooms) */
-  disabled = disabled || !_usePermissions().cameraButton;
+  const permissions = _usePermissions();
+  /* @conditional-compile-remove(rooms) */
+  disabled = disabled || !permissions.cameraButton;
 
   const onRenderCameraOnIcon = (): JSX.Element => (
     <HighContrastAwareIcon disabled={disabled} iconName="ControlButtonCameraOn" />

packages/react-composites/src/composites/CallComposite/components/LocalDeviceSettings.tsx

@@ -93,9 +93,11 @@ export const LocalDeviceSettings = (props: LocalDeviceSettingsType): JSX.Element
   let isSelectCamEnabled = props.cameraPermissionGranted;
   let isSelectMicEnabled = props.microphonePermissionGranted;
   /* @conditional-compile-remove(rooms) */
-  isSelectCamEnabled = isSelectCamEnabled && _usePermissions().cameraButton;
+  const permissions = _usePermissions();
   /* @conditional-compile-remove(rooms) */
-  isSelectMicEnabled = isSelectMicEnabled && _usePermissions().microphoneButton;
+  isSelectCamEnabled = isSelectCamEnabled && permissions.cameraButton;
+  /* @conditional-compile-remove(rooms) */
+  isSelectMicEnabled = isSelectMicEnabled && permissions.microphoneButton;
 
   // TODO: speaker permission is tied to microphone permission (when you request 'audio' permission using the SDK) its
   // actually granting access to query both microphone and speaker. However the browser popup asks you explicity for