diff --git a/packages/desktop/src/app.tsx b/packages/desktop/src/app.tsx
index d802760..4ec88a3 100644
--- a/packages/desktop/src/app.tsx
+++ b/packages/desktop/src/app.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 
 import { AuthProvider } from './providers/AuthProvider';
+import { CommunicationsProvider } from './providers/CommunicationsProvider';
 import { ConversationProvider } from './providers/ConversationProvider';
 import { ElectronProvider } from './providers/ElectronProvider';
 import ErrorParent from './providers/ErrorBoundary';
@@ -30,11 +31,13 @@ root.render(
           <AuthProvider>
             <ConversationProvider>
               <ZenProvider>
-                <SearchProvider>
-                  <TerminalProvider>
-                    <></>
-                  </TerminalProvider>
-                </SearchProvider>
+                <CommunicationsProvider>
+                  <SearchProvider>
+                    <TerminalProvider>
+                      <></>
+                    </TerminalProvider>
+                  </SearchProvider>
+                </CommunicationsProvider>
               </ZenProvider>
             </ConversationProvider>
           </AuthProvider>
diff --git a/packages/desktop/src/providers/CommunicationsProvider.tsx b/packages/desktop/src/providers/CommunicationsProvider.tsx
index e398e33..ca2d447 100644
--- a/packages/desktop/src/providers/CommunicationsProvider.tsx
+++ b/packages/desktop/src/providers/CommunicationsProvider.tsx
@@ -19,9 +19,12 @@ export function CommunicationsProvider({ children }: { children: React.ReactNode
   // todo save the selected devices in localstorage
 
   useEffect(() => {
-    navigator.mediaDevices.getDisplayMedia().then((mediaStream) => {
-      console.log('selected stream', mediaStream);
-    });
+    navigator.mediaDevices
+      .getDisplayMedia()
+      .then((mediaStream) => {
+        console.log('selected stream', mediaStream);
+      })
+      .catch(console.error);
   }, []);
 
   return (