License warning even after registering the license key in the app

[Khushbu Maurya]

The  popup license warning appears only in the file manager implementation. Other implementations like gantt o charts, not showing warning. I have a paid license. Im using the NPM implementation package.

Image capture of the warning.

Package file

{

  "name": "ms-identity-react-c1s2",

  "version": "0.1.0",

  "dependencies": {

    "@azure/msal-browser": "^3.5.0",

    "@azure/msal-react": "^2.0.7",

    "@lagunovsky/redux-react-router": "^4.3.2",

    "@reduxjs/toolkit": "^1.9.7",

    "@syncfusion/ej2-icons": "^25.2.3",

    "@syncfusion/ej2-react-buttons": "^25.2.7",

    "@syncfusion/ej2-react-dropdowns": "^25.2.7",

    "@syncfusion/ej2-react-grids": "^25.2.7",

    "@syncfusion/ej2-react-inputs": "^25.2.6",

    "@syncfusion/ej2-react-navigations": "^26.1.40",

    "@syncfusion/ej2-react-pdfviewer": "^26.1.40",

    "@syncfusion/ej2-react-popups": "^25.2.7",

    "@types/jest": "^29.5.10",

    "@types/node": "^20.10.0",

    "@types/react": "^18.2.38",

    "@types/react-dom": "^18.2.17",

    "@types/react-redux": "^7.1.31",

    "@types/react-router": "^5.1.20",

    "@types/react-router-dom": "^5.3.3",

    "axios": "^1.6.2",

    "bootstrap": "^5.3.2",

    "history": "^5.3.0",

    "msal": "^1.4.18",

    "pdf-lib": "^1.17.1",

    "react": "^18.3.1",

    "react-bootstrap": "^2.9.1",

    "react-dom": "^18.3.1",

    "react-redux": "^8.1.3",

    "react-router": "^6.20.0",

    "react-router-dom": "^6.23.1",

    "react-scripts": "5.0.1",

    "react-toastify": "^9.1.3",

    "redux-first-history": "^5.2.0",

    "survey-analytics": "^1.11.5",

    "survey-core": "^1.11.5",

    "survey-creator-core": "^1.11.5",

    "survey-creator-react": "^1.11.5",

    "survey-pdf": "^1.11.5",

    "survey-react-ui": "^1.11.5",

    "typescript": "^5.3.2",

    "underscore": "^1.13.6"

  },

  "devDependencies": {

    "@testing-library/jest-dom": "^6.1.4",

    "@testing-library/react": "^14.1.2",

    "@testing-library/user-event": "^14.5.1",

    "@types/underscore": "^1.11.15",

    "react-scripts": "^5.0.1",

    "typescript": "^3.9.4"

  },

  "scripts": {

    "start": "set PORT=5208 && react-scripts start",

    "build": "react-scripts build",

    "test": "react-scripts test",

    "eject": "react-scripts eject"

  },

  "eslintConfig": {

    "extends": [

      "react-app",

      "react-app/jest"

    ]

  },

  "browserslist": {

    "production": [

      ">0.2%",

      "not dead",

      "not op_mini all"

    ],

    "development": [

      "last 1 chrome version",

      "last 1 firefox version",

      "last 1 safari version"

    ]

  },

  "main": "index.js",

  "author": "",

  "license": "ISC",

  "description": ""

}

import { BreadcrumbComponent, BreadcrumbItemDirective, BreadcrumbItemsDirective } from "@syncfusion/ej2-react-navigations";

const Breadcrumb = (params: { data: Array<any> }) => {

    return (

        <BreadcrumbComponent enableNavigation={true}>

            <BreadcrumbItemsDirective>

                {params.data.map(breadcrumb => (

                    <>

                        <BreadcrumbItemDirective text={breadcrumb.text} url={breadcrumb.link} />

                    </>

                ))}

            </BreadcrumbItemsDirective>

        </BreadcrumbComponent>);

}

export default Breadcrumb;

[Theveshwar Jayakumar]

Hi Khushbu Maurya,

Thank you for reaching out to Syncfusion support.
 

We have evaluated the issue you reported and understand that you are facing difficulties while registering the license in your application.

 

After evaluating the shared package.json file, we found that you have been using two different major versions with Syncfusion components. For example, @syncfsuion/ej2-react-buttons the version used is (v25.2.7) and other remaining components uses version as (v26.1.40). when you try to use two different major versions in your project, for example one component having version like (v25.2.7) and another component has version like (v26.1.40) this creates a version mismatch while registering the license. So, we suggest you stick with our latest or same major version (i.e. 26.1.40) for all the components to resolve this issue.

 

Since Syncfusion license are version specific, when you try to utilize multiple major versions for our components in the same application it will create a version conflict. So, please ensure that you are using same version for all Syncfusion components and also, this issue may occur due to following reasons below.

 

Also, we have found that you are referring to the non-react packages of our controls. For instance, the @syncfusion/ej2-icons package is a sub-dependency of the component package, and therefore, there is no need to add the ej2-icons package separately in the application. We kindly request that you remove the following packages from the package.json file mentioned below.

 

Remove the below non-react packages.

"@syncfusion/ej2-icons": "25.2.3",

 

Please follow the below steps once the changes are done

 

•  Delete the @Syncfusion folder from node_modules and the package-lock.json file from the root folder.

 

• Clear npm cache at your end.

 

• Update our packages to the same major version. For example, if your utilizing version like (i.e. v26.1.40) use the same version for all the Syncfusion components in the package.json file.

 

•  Run the "npm install” command to install the packages.

 

Kindly refer our below documentation licensing FAQ's.

 

Link: https://ej2.syncfusion.com/react/documentation/licensing/licensing-troubleshoot#potential-causes-of-licensing-errors-in-applications

 

If you require any further assistance or have additional questions, please feel free to let us know.

 

Regards,

Theveshwar