# React router with Eui Framework integrating issue

**URL:** <https://discuss.elastic.co/t/react-router-with-eui-framework-integrating-issue/192920>\
**Category:** Kibana\
**Created:** [July 30, 2019, 2:24pm UTC](https://discuss.elastic.co/t/react-router-with-eui-framework-integrating-issue/192920 "2019-07-30T14:24:25Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![fathi\_rida](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/fathi_rida/32/48233_2.png) [@fathi\_rida](https://discuss.elastic.co/u/fathi_rida)\
**Post date:** [July 30, 2019, 2:24pm UTC](https://discuss.elastic.co/t/react-router-with-eui-framework-integrating-issue/192920/1 "2019-07-30T14:24:26Z")

</div>

Hello guys,  
Thanks in advance brothers, I am trying to integrate EUI with `react-router`, kibana started successfully but I see nothing I am not sure if I am wrong or no

I used this topic: [https://github.com/elastic/eui/blob/master/wiki/react-router.md#react-router-5x](https://github.com/elastic/eui/blob/master/wiki/react-router.md#react-router-5x)

 ![Screenshot_550](https://us1.discourse-cdn.com/elastic/original/3X/4/4/445b6753d04f0a15b07d79dbec8f4c24d79df0a1.png)

 ![Screenshot_548](https://us1.discourse-cdn.com/elastic/original/3X/2/0/206fc785d798107660bf04eb399a2f99125acff1.png)

#routing.js

 ![Screenshot_549](https://us1.discourse-cdn.com/elastic/original/3X/5/5/551b9bd89810668b9d45acdf2eea96bb1332a539.png)

Thanks!  
RIDA

---

<div class="post-metadata">

**Author:** ![jen-huang](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jen-huang/32/74327_2.png) [@jen-huang](https://discuss.elastic.co/u/jen-huang)\
**Post date:** [July 30, 2019, 6:02pm UTC](https://discuss.elastic.co/t/react-router-with-eui-framework-integrating-issue/192920/2 "2019-07-30T18:02:57Z")

</div>

Hi, is this a custom plugin? Kibana is still using Angular routing at the top level, so you will need to mount your React app to the base Angular route, then React routing within the app should work normally. We do this for many of Kibana's licensed plugins, for example this code in License management: [https://github.com/elastic/kibana/blob/master/x-pack/legacy/plugins/license\_management/public/register\_route.js#L94](https://github.com/elastic/kibana/blob/master/x-pack/legacy/plugins/license_management/public/register_route.js#L94)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [August 27, 2019, 6:03pm UTC](https://discuss.elastic.co/t/react-router-with-eui-framework-integrating-issue/192920/3 "2019-08-27T18:03:03Z")

</div>

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