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.

Topic		Replies	Views
Creating custom Kibana plugin in React Kibana	4	2765	December 8, 2018
Build error when using `kibanaReact` and `kibanaUtils` in kibana 3rd party plugin Kibana kibana-plugin-development	9	692	February 18, 2021
Is it okay to use different react-router version in plugin? Kibana kibana-plugin-development	9	421	August 4, 2023
How to create react plugin for kibana Kibana	3	2290	April 17, 2018
React router with Eui Framework integrating issue Kibana	2	807	August 27, 2019

Kibana React - error when importing

Related topics