Need More Info
Last Updated: 27 Apr 2022 08:30 by ADMIN
Joel Parker Henderson
Created on: 18 Apr 2022 15:08
Type: Bug Report
0
Missing kendo-react-popup
## Missing kendo-react-popup

On this page: https://www.telerik.com/kendo-react-ui/getting-started/

On this section: "Add a KendoReact Data Grid"

When I launch the app as usual:

```sh
yarn start
```

Then the browser page includes this error:

```
Compiled with problems:

ERROR in ./.yarn/__virtual__/@progress-kendo-react-data-tools-virtual-df92d36fcf/0/cache/@progress-kendo-react-data-tools-npm-5.2.0-8d098f65a0-5d68752aaa.zip/node_modules/@progress/kendo-react-data-tools/dist/es/columnmenu/ColumnMenuFilterForm.js 19:0-55

Module not found: Error: @progress/kendo-react-data-tools tried to access @progress/kendo-react-buttons (a peer dependency) but it isn't provided by your application; this makes the require call ambiguous and unsound.

Required package: @progress/kendo-react-buttons
Required by: @progress/kendo-react-data-tools@virtual:79c9c696d5f1e6f4dd730946c0d2912611551a498926b146bcbdd9d142588c5f4c2333469b63e7a9a2bdd1f0f1313d0d70b72cc8dbcafcc20e21e6b9790f6068#npm:5.2.0 (via /Users/joel/git/joelparkerhenderson/demo/demo-react-kendo/.yarn/__virtual__/@progress-kendo-react-data-tools-virtual-df92d36fcf/0/cache/@progress-kendo-react-data-tools-npm-5.2.0-8d098f65a0-5d68752aaa.zip/node_modules/@progress/kendo-react-data-tools/dist/es/columnmenu/)
Ancestor breaking the chain: demo-react-kendo@workspace:.



```

The solution that works for me...

Add the package:

```sh
yarn add @progress/kendo-react-popup
````

Edit `src/App.js` and add this line:

```js
import '@progress/kendo-react-popup';
```

3 comments
ADMIN
Filip
Posted on: 27 Apr 2022 08:30

Hello, Joel,

Thank you for the provided clarification and feedback. I tested the tutorial with the said command and Yarn 3.2.0 and the errors do reproduce. I will update the article and add the missing packages in order to avoid the error for future users.

As a small token of appreciation for bringing this issue to our attention, I have granted you some Telerik points.

Regards, FilipProgress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Joel Parker Henderson
Posted on: 20 Apr 2022 15:13
Thanks Filip. Be sure you're using Yarn's current version which is Yarn 3.2.0.

The command you'll want is `yarn dlx create-react-app` which is *not* what's in your tutorial.
ADMIN
Filip
Posted on: 20 Apr 2022 12:25

Hello, Joel,

Thank you for reaching out to us and for your feedback.

I followed the steps in the article and proceeded to the Add a KendoReact Grid step but the mentioned errors did not reproduce. When executing yarn start the app runs successfully and there are no errors present. 

Can you provide more information on the steps that you are executing in order to reproduce it?

Each component has a getting started page which lists the required dependencies:

https://www.telerik.com/kendo-react-ui/components/grid/get-started/#toc-installing-the-component


We highly appreciate your feedback and if you have any other suggestions or questions, please do not hesitate to contact us again.

I hope this helps.

Regards, FilipProgress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.