Как получить доступ или выполнить плагин cordova на странице или компоненте React.js

Question

Я создаю приложение Cordova (Android), используя React.js в качестве внешнего интерфейса после этой ссылки все работает, но не знаю, где разместить или вызвать методы плагинов Cordova в моем сценарии.

Вот то, что я начал, я называю cordova.plugins.notification.local.schedule, когда вызывается deviceready. но во время npm build он возвращает Cordova is undefined ошибку, так как мне использовать плагины Cordova в моем скрипте?

import React from "react";
import ReactDOM from "react-dom";
import "./css/main.css";
import App from "./App";
import registerServiceWorker from "./registerServiceWorker";
import { Router, Route } from "react-router-dom";
import createHashHistory from "history/createHashHistory";

let history = createHashHistory();

const startApp = () => {
  window.document.addEventListener("deviceready", () =>
    ReactDOM.render(
      <Router history={history}>
        <Route path="/" component={App} />
      </Router>,
      window.document.getElementById("root")
    )
  );
  registerServiceWorker();
};

if (window.cordova) {
  document.addEventListener("deviceready", showAlert, false);


  function showAlert() {
       cordova.plugins.notification.local.schedule({
            id: 1,
            title: 'My first notification',
            text: 'Thats pretty easy...',
            attachments: ['file://img/screen-ldpi-landscape.png'],
            foreground: true,
            vibrate: true
        });
  }

  startApp();
} else {
  startApp();
}