Kendo License Warning

[Stevan]

Hello I am looking for an answer/clarity on why my kendo-ui-license might not be applied correctly.
Since we are using kendo-react and kendo-ui I've tried both approaches to applying the license. 
Here are approaches I've tried:
https://docs.telerik.com/kendo-ui/intro/installation/using-license-code
https://www.telerik.com/kendo-react-ui/components/my-license/
Here is the warning:

I've tried removing yarn.lock and node modules and installing dependancies again. That did not help as well.
shasum is returning correct license as well.

My package.json is attached to the post.

NOTE: only kendo-ui throws warning. Seems like license for kendo-react is activated correctly.

yarn v1.22.17
node v16.13.0

  "devDependencies": {
    "@testing-library/dom": "^8.13.0",
    "@testing-library/jest-dom": "^5.16.4",
    "@testing-library/react": "^12.1.5",
    "@testing-library/user-event": "^14.1.1",
    "@types/applicationinsights-js": "^1.0.9",
    "@types/es6-promisify": "^6.0.0",
    "@types/jest": "^27.4.1",
    "@types/jquery": "^3.3.28",
    "@types/jqueryui": "^1.12.7",
    "@types/node": "^18.7.13",
    "@types/prop-types": "^15.7.2",
    "@types/react": "^18.0.17",
    "@types/react-dom": "^18.0.6",
    "@types/signalr": "^2.2.35",
    "gulp": "^4.0.2",
    "gulp-clean-css": "^4.3.0",
    "gulp-concat": "^2.6.1",
    "gulp-rename": "^2.0.0",
    "gulp-uglify": "^3.0.2",
    "rimraf": "^2.6.3",
    "typescript": "^4.6.3"
  },
  "dependencies": {
    "@progress/kendo-all-react-wrapper": "^2019.4.1014",
    "@progress/kendo-base-component-react-wrapper": "^2019.4.1014",
    "@progress/kendo-data-query": "1.5.4",
    "@progress/kendo-drawing": "^1.17.5",
    "@progress/kendo-dropdowns-react-wrapper": "^2019.4.1014",
    "@progress/kendo-gantt-react-wrapper": "^2019.4.1014",
    "@progress/kendo-grid-react-wrapper": "^2019.4.1014",
    "@progress/kendo-layout-react-wrapper": "^2019.4.1014",
    "@progress/kendo-licensing": "^1.3.0",
    "@progress/kendo-popups-react-wrapper": "^2019.4.1014",
    "@progress/kendo-react-charts": "5.13.1",
    "@progress/kendo-react-dialogs": "^5.2.0",
    "@progress/kendo-react-dropdowns": "^5.2.0",
    "@progress/kendo-react-inputs": "^5.2.0",
    "@progress/kendo-react-intl": "^5.2.0",
    "@progress/kendo-react-labels": "^5.2.0",
    "@progress/kendo-react-popup": "3.18.0",
    "@progress/kendo-react-tooltip": "^5.2.0",
    "@progress/kendo-theme-default": "^4.44.0",
    "@progress/kendo-treeview-react-wrapper": "^2019.4.1014",
    "@progress/kendo-ui": "2022.3.1109",
    "azure-maps-control": "2.0.31",
    "es6-promise": "^4.2.6",
    "hammerjs": "^2.0.8",
    "jquery": "^3.5.1",
    "jqueryui": "^1.11.1",
    "jszip": "^3.10.1",
    "kendo-ui-core": "2022.3.1109",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-transition-group": "^4.4.5",
    "signalr": "^2.4.1",
    "typescript-collections": "1.3.3"
  }

[Martin]

Hello, Stevan,

Starting with R2 2022 release the commercial NPM package (@progress/kendo-ui) requires a script license activation from the article you shared:

- https://docs.telerik.com/kendo-ui/intro/installation/using-license-code

Could you please share if you managed to follow the steps from the article, or if you have any issues with it?

Regards,
Martin
Progress Telerik

[Stevan]

Hello Martin,

Thanks for reaching out. I've followed this guide multiple times actually and I've tried all the steps.
What I am curious about:
How should kendo-ui-license.js look like is it just '<mykey>' or I need to export something from module?
If it is a module is there function to apply it or set key?
I am not sure if it is activated during run time or build time. 

[Martin]

The license js file contains the setScriptKey method with a string representing your key. You shouldn't need to do any exporting, you simply need to include it in your project.

[Stevan]

Hello Martin, 
Thanks for reply. I only have string/key in that file and nothing else. Do you have an example of how that kendo-ui-license.js file should look like?
Where do I import setScriptKey method from?
Note: I got only the 'xzy' key from a colleague and not a .js file. I made kendo-ui-license.js in root of the project and included it in html but I have not used any functions in that file hence the question.

[Martin]

Hi, Stevan,

You shouldn't need to make a kendo-ui-license.js file. It is downloaded from the article I shared. Below you will find a screenshot showing how the Get a License File looks initially. You can see a log in here link.

Once you log in, you should be able to see a button to Download the license file:

Once you have downloaded the file, you can proceed to steps 2 and 3 to include the file in your project. No further actions should be needed in that regard. Let me know if that helps.

[Stevan]

Hello Martin,
Thank you for your reply. Let me reach out to person in charge of kendo account and get back to you. Thanks!
-Stevan

[Stevan]

Hello Martin,
The issue still persists. I've tried all approaches with the kendo-ui-license.js we have.

-Stevan