Kibana React - error when importing

rashmi · May 7, 2020, 1:21am

Does your app import its own version of react? Might be best to just use the version that ships with Kibana. Here is an example plugin that sets up a react router that you can follow

github.com

elastic/kibana/blob/7.5/src/legacy/core_plugins/kibana/public/home/components/home_app.js#L63


      isCloudEnabled={isCloudEnabled}
      getTutorial={getTutorial}
      replaceTemplateStrings={replaceTemplateStrings}
      tutorialId={props.match.params.id}
      bulkCreate={savedObjectsClient.bulkCreate}
    />
  );
};


return (
  <Router>
    <Switch>
      <Route path="/home/tutorial/:id" render={renderTutorial} />
      <Route path="/home/tutorial_directory/:tab?" render={renderTutorialDirectory} />
      <Route path="/home/feature_directory">
        <FeatureDirectory addBasePath={chrome.addBasePath} directories={directories} />
      </Route>
      <Route path="/home">
        <Home
          addBasePath={chrome.addBasePath}
          directories={directories}

Also a sample of the same issue discussed here: Creating custom Kibana plugin in React

also copying CC @jbudz for more inputs.