License activation does not work

[mateusz.kubis]

Hello!

I'm trying to activate my license to make a site with .NET 6.0 and React with TypeScript.

I have my key here:

I copied it into index.tsx file:

And into my .NET Program.cs file too:

But it is not working :(

What I need to do more?

I modeled it after this manual:

https://help.syncfusion.com/common/essential-studio/licensing/how-to-register-in-an-application#reactjs

My goal is to use Syncfusion scheduler component and print .rdl files.

Regards,
Mateusz Kubis

[Theveshwar Jayakumar]

Hi Mateusz.kubis ,

Greetings from Syncfusion support

 

We have evaluated your reported issue at our end, and we understand that you are facing issue while registering the license in your application. So, kindly ensure that you are utilizing same major versions for all Syncfusion components. Since, Syncfusion license are version specific, when you try to utilize multiple versions for our components in the same application it will create a version conflict. So, please ensure that you are using same versions for all Syncfusion components and also, this issue may occur due to following reasons below.

 

Reason 1:  Due to Duplicate packages installed in your application. Follow the below steps to resolve the issue.

 

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

 

•  Clear npm .cache file at your end.

 

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

 

•  Run the ‘’npm install” command to install the node_modules.

 

Reason 2:  If Syncfusion components are used with Cap Symbol (^) in the package.json file there is a possibility of license banner appearing ever after registering the license and this is one of the cases of license validation. So, we are suggesting you to use the Tilde (~) symbol instead of Cap (^) symbol to resolve this issue.

 

Kindly follow the below steps to resolve this issue.

 

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

 

• Clear npm cache at your end.

 

• Remove the cap (^) symbol before the version number and use the mentioned symbol Tilde (~) before the version number like ("@syncfusion/ej2-react-schedule": "~21.1.XX").

 

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

 

Please refer our below documentation licensing FAQ's

 

Link: Licensing troubleshoot in React Licensing component | Syncfusion

 

 

If the issue still persists, kindly share the package.json file, so that we can provide a prompt solution.

 

Regards,

Theveshwar

[mateusz.kubis]

Thank you!

I had two different versions of Syncfusion modules.

You are the best!

[mateusz.kubis]

How can I bind my own type to the schedule?

I have this type:

export type EventInformation = {

    id: number,

    accId: number,

    dateFrom: Date,

    timeFrom: string,

    dateTo: Date

    timeTo: string,

    type: number,

    doctorId: number,

    vacId: number,

    description: string,

    isActive: boolean,

    insertedDate: Date,

    insertedAccId: number,

    modifiedDate: Date,

    modifiedAccId: number

};

I am using axios.GET() to retrieve list of events and then I want to show it to the user.

I assume I have to use ODataV4Adaptor, but it is not working for me.

Tha

[Vijay Ravi]

Hi Mateusz,

Sample:  https://stackblitz.com/edit/react-field-mapping-vpjmba?file=index.js

Ug: https://ej2.syncfusion.com/react/documentation/schedule/editor-template#field-validation

Based on your requirement we have prepared a sample with field mapping as shown in the below code snippet. Please try the above shared sample. Let us know if you need any further assistance.

[index.js]

const fieldsData = {

    id: 'Id',

    accId: { name: 'AccountId' }, 

    subject: { name: 'Subject' },

    isAllDay: { name: 'IsAllDay' },

    startTime: { name: 'DateFrom' },

    endTime: { name: 'DateTo' },

    modifiedAccId: { name: "ModifiedAccId" },

    insertedAccId: { name: "InsertedAccId" }

  }

  const eventSettings = { dataSource: data, fields: fieldsData }

Regards,

Vijay Ravi

[mateusz.kubis]

Yes, that's good.

I managed finally how to map it properly, thank you!

Can you try to solve just one more problem, please? <3

I have my own Dialog window triggered on `popupOpen` trigger.

function onPopupOpen(args: PopupOpenEventArgs): void {

    console.log('test')

    if (args.data?.Id !== undefined) {

      getSelectedEvent(args.data?.Id)

        .then((res) => {

          setSelectedEvent(res.data);

        })

        .catch((error) => {...});

    } else {

      setSelectedEvent(undefined);

    }

    setOpenAddEditEventDialog(true);

    args.cancel = true;

  }

Problem is, it does not load data on first click.

It shoud load dialog content with my data, but it's working when I close Dialog and click on event again:

setOpenAddEditEventDialog(true) - This is opening Dialog

setSelectedEvent - This completes my data

<Dialog

        open={openAddEditEventDialog}

        onClose={handleCloseAddEditEventDialog}

      >

        <DialogContent>

          <EventAddEditForm

            onClose={handleCloseAddEditEventDialog}

            doctorsList={doctorsList}

            patientsList={patientsList}

            vaccinationsList={vaccinationList.filter((vac) => vac.isActive)}

            eventInformation={selectedEvent}

            isPatient={false}

          />

        </DialogContent>

      </Dialog>

eventInformation - this is my data to show

Why it is loading data too slow and how to prevent it?

Regards,

Mateusz Kubis

[Vinitha Devi Murugan]

Hi Mateusz,

Thanks for your update.

Based on your code snippet, we suspect that the `getSelectedEvent` and `setSelectedEvent` methods may be causing the delay. To provide an accurate solution, we will need a simple issue replication sample. Could you please share a sample application that reproduces the issue to serve you better.

Regards,

Vinitha