How to build a custom Menu in Electron?:setApplicationMenu

App.js

import React from 'react';
const electron = window.require('electron');
const remote = electron.remote
const {Menu,BrowserWindow} = remote


const App = ()=>{
    return(
            <div>
                <h1>Look at the Menu!</h1>
                <button onClick={()=>{
                    const template = [
                    {
                        label:'Open Google',
                        click: function(){
                        let win = new BrowserWindow({width:600,height:800})
                        win.loadURL('https://www.google.com')
                        }
                    }
                    ]
                    const menu = Menu.buildFromTemplate(template)
                    Menu.setApplicationMenu(menu)
                }}>Change Menu</button>
            </div>
        )
}
export default App