adding audio output selection in waiting room

Author: javiermolsanz

package-lock.json

@@ -13,7 +13,7 @@
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
     "@vonage/video-effects": "^0.1.0",
-    "@vonage/video-express": "^1.1.4",
+    "@vonage/video-express": "^1.2.0",
     "axios": "^0.21.1",
     "body-parser": "^1.19.0",
     "concurrently": "^6.2.0",

package.json

@@ -4,7 +4,7 @@ import {
   BrowserRouter as Router,
   Switch,
   Route,
-  Redirect
+  Redirect,
 } from 'react-router-dom';
 import { UserContext } from './context/UserContext';
 import VideoRoom from './components/VideoRoom';
@@ -27,40 +27,41 @@ const theme = () => {
     palette: {
       type: 'light',
       primary: {
-        main: primary
+        main: primary,
       },
       secondary: {
-        main: secondary
+        main: secondary,
       },
       bodyBackground: {
-        black: '#131415'
+        black: '#131415',
       },
       callBackground: {
-        main: '#20262D'
+        main: '#20262D',
       },
       toolbarBackground: {
-        main: '#41464D'
+        main: '#41464D',
       },
       activeButtons: {
         green: '#1C8731',
-        red: '#D50F2C'
-      }
-    }
+        red: '#D50F2C',
+      },
+    },
   });
 };
 
 function App() {
   const [user, setUser] = useState({
     videoEffects: {
       backgroundBlur: false,
-      virtualBackground: false
+      virtualBackground: false,
     },
     defaultSettings: {
       publishAudio: true,
       publishVideo: true,
       audioSource: undefined,
-      videoSource: undefined
-    }
+      videoSource: undefined,
+      audioOutput: undefined,
+    },
   });
   const userValue = useMemo(() => ({ user, setUser }), [user, setUser]);
   return (
@@ -78,7 +79,7 @@ function App() {
             <Route path="*">
               <Redirect
                 to={{
-                  pathname: '/'
+                  pathname: '/',
                 }}
               />
             </Route>