How to use the electron.ipcRenderer.once function in electron

public addTL() {
    let timeline: Timeline = {
      type: this.type,
      account: this.account,
      statuses: new Map()
    };

    this.showInput = false;
    this.type = "";
    this.account = "";
    this.TL.push(timeline);
    // 最新のTLを取得
    ipcRenderer.once(
      `timeline-${timeline.name}-no-auth`,
      (e: Event, statuses: Status[], error?: Error) => {
        timeline.error = error;
        if (error === undefined) {
          this.loadTL(timeline, statuses);
        }
        this.$forceUpdate();
      }
    );
    ipcRenderer.send("no-auth-timeline", timeline.name);
  }

createBackend() {
      ipcRenderer.once('serverCallback', (event, data) => {
        if(data.error) {
          alert('启动失败! 请检查是否已经启动另一个 Console Lite 实例');
          console.error(data);
          this.loading = false;
          return;
        }

        serverConfig = data;
        this.showServerFlag = true;

        this._createGlobalConn();
      });

      const port = parseInt(this.backendPort, 10);
      if(Number.isNaN(port)) return;
      const hint = this.backendHint || null;

public getAll = (cb: any) => {
    const id = makeId(32);

    ipcRenderer.send(API_ALARMS_OPERATION, {
      extensionId: api.runtime.id,
      type: 'get-all',
      id,
    });

    if (cb) {
      ipcRenderer.once(API_ALARMS_OPERATION + id, (e: any, ...data: any[]) => {
        cb(...data);
      });
    }
  };

_requestUsedVolume() {

    ipcRenderer.once(UsedVolumeEvent, (event, volume) => {
      this.setState({usedVolume: volume || 0}, () => {
        this.timerID = setTimeout(this._requestUsedVolume, 30000);
      });
    });
    ipcRenderer.send(UsedVolumeEvent);

  }

processUrlSignal(url: string, isLocal:boolean = false) {
    ipcRenderer.send('any-err-view', null);
    ipcRenderer.send('siteUrl', isLocal ,url);

    ipcRenderer.once('error-occure', (e, err) => {
      this.removeAllListiners();
      this.errDetail = { code: 'CANNOT REACH :(' };
      this.zone.run(() => { this.router.navigateByUrl('error', { replaceUrl: true }); });
    });

    ipcRenderer.once('yes-view-err', (e, err) => {
      this.removeAllListiners();
      this.errDetail = err;
      this.zone.run(() => this.router.navigateByUrl('error', { replaceUrl: true }));
    });

    ipcRenderer.once('keyword-details', (e, result) => {
      this.kwData = _.reverse(result.data);
      this.totalCount = result.total;
      this.removeAllListiners();
      this.zone.run(() => this.router.navigateByUrl('result', { replaceUrl: true }));
    });
  }

return new Promise((resolve: Function, reject: Function) => {
      ipcRenderer.once(ipcConsts.GET_ACCOUNT_TXS_RESPONSE, (event, response) => {
        if (response.error) {
          reject(response.error);
        }
        resolve({ txs: response.txs, validatedLayer: response.validatedLayer });
      });
    });
  }

loadImages(imagesPaths) {
            let nextImagePath = imagesPaths.shift();

            ipcRenderer.send('app-image-upload', {
                id: this.postID,
                site: this.$store.state.currentSite.config.name,
                path: nextImagePath,
                imageType: 'galleryImages'
            });

            ipcRenderer.once('app-image-uploaded', (event, data) => {
                this.uploadProgress = this.uploadProgress + 1;
                this.uploadMessage = `Uploading ${this.uploadProgress} of ${this.imagesToUpload} pictures`;

                this.images.push({
                    fullImagePath: data.baseImage.url,
                    thumbnailPath: data.thumbnailPath[0],
                    thumbnailHeight: data.thumbnailDimensions ? data.thumbnailDimensions.height : '',
                    thumbnailWidth: data.thumbnailDimensions ? data.thumbnailDimensions.width : '',
                    dimensions: data.baseImage.size.join('x'),
                    alt: '',
                    caption: ''
                });

                if(imagesPaths.length) {
                    this.loadImages(imagesPaths);
                } else {

useEffect(function fetchContent () {
    ipcRenderer.send('getDCinfo')
    ipcRenderer.once('dcInfo', (e, info) => {
      setContent(info)
      log.debug('dcInfo', info)
    })
  }, [])

once(channel: string, listener: PipeListener): void {
        ipcRenderer.once(channel, (event: Electron.Event, message: any) => {
            listener(new PipeNotification(channel, event, message));
        });
    }

window.onAuthFail = callback => {
  ipcRenderer.once('auth:fail', callback)
}