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