:808Not able to capturescreenshot getting error - 0/#/:1 Uncaught (in promise) Error: Cannot read properties of undefined (reading 'getSources')

[sreeraj-ramesh]

/electron-preload.js: code

import { contextBridge, desktopCapturer } from 'electron';
// highlight-next-line
import { dialog } from '@electron/remote';

contextBridge.exposeInMainWorld('electronApi', {
openFileDialog: async (title, folder, filters) => {
const response = await dialog.showOpenDialog({
title,
filters,
properties: ['openFile', 'multiSelections'],
});
return response.filePaths;
},

takeScreenshot: async () => {
console.log('[DEBUG] Is this Electron?', !!process.versions.electron);

console.log('[DEBUG] Is desktopCapturer defined?', typeof desktopCapturer);

const sources = await desktopCapturer.getSources({ types: ['screen'] });
console.log('[DEBUG] Is desktopCapturer defined?', typeof desktopCapturer);

if (sources.length === 0) {
  throw new Error('No screen sources found');
}

const screen = sources[0];
const imageBuffer = screen.thumbnail.toPNG();
const base64Image = imageBuffer.toString('base64');

return `data:image/png;base64,${base64Image}`;

},
});