trying to get screenshare, but electron blocking it

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>
+                <CommunicationsProvider>
                   <SearchProvider>
                     <TerminalProvider>
                       <></>
                     </TerminalProvider>
                   </SearchProvider>
+                </CommunicationsProvider>
               </ZenProvider>
             </ConversationProvider>
           </AuthProvider>

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) => {
+    navigator.mediaDevices
+      .getDisplayMedia()
+      .then((mediaStream) => {
         console.log('selected stream', mediaStream);
-    });
+      })
+      .catch(console.error);
   }, []);
 
   return (