Kibana React - error when importing

Paul_Gege · May 7, 2020, 12:35am

Hi all,

I'm trying to explore what "kibana-react" does. I went through the github code (https://github.com/elastic/kibana/tree/master/src/plugins/kibana_react) and tried to follow the instructions from the readme and apply them to my plugin. When I try to use my plugin, I get the following error:

This is how i import 'kibana-react' (I do it exactly as shown in the github link I shared above):

Any tips on how I can solve this issue?

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.

Paul_Gege · May 7, 2020, 1:40am

I'm using the version that ships with Kibana. I don't need react router, I just need to be able to access KibanaContextProvider. In the github link I shared, the examples import KibanaContextProvider from kibana-react using import { KibanaContextProvider } from 'kibana-react'. However when I try the same thing in my plugin, I get the error cant resolve kibana-react.

system · June 4, 2020, 1:40am

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.

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	693	February 18, 2021
Is it okay to use different react-router version in plugin? Kibana kibana-plugin-development	9	422	August 4, 2023
How to create react plugin for kibana Kibana	3	2292	April 17, 2018
React router with Eui Framework integrating issue Kibana	2	808	August 27, 2019

Kibana React - error when importing

Related topics