how to start a sidebar from the onEdit event in a google sheet

Question

ow to start a sidebar from the onEdit event in a google sheet, this is my code, where I can be wrong

function onEdit(e){
  var data=[];
  var sourceS = "Livio - Tarde - Revisar",
      targetS = "Reportes - Asignación",
      sourceR = {
        column: 4,
        row: 4,
        endRow: 76,
        endColumn: 26
      }
  if (e.source.getActiveSheet().getName() === sourceS || e.range.rowStart < sourceR.row || e.range.columnStart < sourceR.column || e.range.rowStart > sourceR.endRow || e.range.columnStart > sourceR.endColumn){
    var row = e.range.getRow();
    Logger.log(e.range.getA1Notation())
    var mergedRanges = e.source.getActiveSheet().getRange(row, 1).getMergedRanges();
    for (var i = 0; i < mergedRanges.length; i++) {
      Logger.log(mergedRanges[i].getA1Notation()+" Docente: "+mergedRanges[i].getDisplayValue());
      data['docente'] = mergedRanges[i].getDisplayValue();
    }
    Logger.log( e.source.getActiveSheet().getRange(row, 2).getValue())
    var mergedRanges2 = e.source.getActiveSheet().getRange(row, 28).getMergedRanges();
    for (var i = 0; i < mergedRanges2.length; i++) {
      Logger.log(mergedRanges2[i].getA1Notation()+" Horas Totales: "+mergedRanges2[i].getDisplayValue());
      data['ht'] = mergedRanges[i].getDisplayValue();
    }
    var mergedRanges3 = e.source.getActiveSheet().getRange(row, 29).getMergedRanges();
    for (var i = 0; i < mergedRanges3.length; i++) {
      Logger.log(mergedRanges3[i].getA1Notation()+" Horas Extras: "+mergedRanges3[i].getDisplayValue());
      data['hex'] = mergedRanges[i].getDisplayValue();
    }

    var html = HtmlService.createHtmlOutput('<div style="padding: 5px;">'+
                                            '<div>Docente: <p id="docente"></p></div>'+
                                            '<div>Horas Totales: <p id="ht"></p></div>'+
                                            '<div>Horas Extras: <p id="hex"></p></div></div>')
    .setTitle('Tracking sidebar')
    .setWidth(300);

    var ui = SpreadsheetApp.getUi();
    ui.showSidebar(html);

    Logger.log("docente: "+data['docente'])
    return data
  }
}

the sidebar only starts from the menu or running the function from the editor