1 files changed, 4 insertions, 4 deletions

diff --git a/src/stores/PaymentStore.js b/src/stores/PaymentStore.js
index 69e6eb9c3..05bb5b3d0 100644
--- a/src/stores/PaymentStore.js
+++ b/src/stores/PaymentStore.js
@@ -1,12 +1,10 @@
 import { action, observable, computed } from 'mobx';
-import { remote } from 'electron';
+import { BrowserWindow, getCurrentWindow } from '@electron/remote';
 
 import Store from './lib/Store';
 import CachedRequest from './lib/CachedRequest';
 import Request from './lib/Request';
 
-const { BrowserWindow } = remote;
-
 export default class PaymentStore extends Store {
   @observable plansRequest = new CachedRequest(this.api.payment, 'plans');
 
@@ -43,7 +41,7 @@ export default class PaymentStore extends Store {
     hostedPageURL = this.stores.user.getAuthURL(`${parsedUrl.origin}${parsedUrl.pathname}?${params.toString()}`);
 
     const win = new BrowserWindow({
-      parent: remote.getCurrentWindow(),
+      parent: getCurrentWindow(),
       modal: true,
       title: '🔒 Upgrade Your Franz Account',
       width: 800,
@@ -54,6 +52,8 @@ export default class PaymentStore extends Store {
       webPreferences: {
         nodeIntegration: true,
         webviewTag: true,
+        enableRemoteModule: true,
+        contextIsolation: false,
       },
     });
     win.loadURL(`file://${__dirname}/../index.html#/payment/${encodeURIComponent(hostedPageURL)}`);