I came accross capture screen with electron when rendering a web site when I needed a solution for enabling screenshare inside my electron app; however the desktopCapturer is always undefined, on my side and the only way I can access; sources is inside the main process;

I would like to know if there is a way to have sources define when I do something like this

let all_sources = undefined
  ipcRenderer.on('SET_SOURCES', (ev, sources) => {
    all_sources = sources
  console.log("The sources are : ", all_sources)
  })

  const wait_function = function() {
    return new Promise(resolve => {
        setTimeout(function() {
        resolve(all_sources);
        }, 4000);
    });
    };

contextBridge.exposeInMainWorld("myCustomGetDisplayMedia", async () => {
  await ipcRenderer.send('GET_SOURCES')
  await wait_function(); // want to make sure all_sources is defined
  const selectedSource = all_sources[0]; // take the Entire Screen just for testing purposes
  return selectedSource;
});

this is inside the preload js script. thanks