issue of Edit, Delete using Gantt chart with next js 13

[Abdelouahed]

with react the  chart component works well, but with next js 13, the tools Edit, Delete do not work

"use client"

import { ColumnDirective, ColumnsDirective, GanttComponent, TaskFieldsModel } from "@syncfusion/ej2-react-gantt";

import { projectData } from "../public/data";

import { registerLicense } from "@syncfusion/ej2-base";

registerLicense(********)

export default function Home() {

const taskValues: TaskFieldsModel = {

id: "TaskID",

name: "TaskName",

startDate: "StartDate",

endDate: "EndDate",

duration: "Duration",

progress: "Progress",

child: "subtasks",

dependency: "Predeceesor"

}

return (

<div>

{/* To change timeline view add timelineSettings={{timelineViewMode: "Day"} in below tag} */}

<GanttComponent dataSource={projectData}

taskFields={taskValues}>

<ColumnsDirective>

<ColumnDirective field="TaskID" headerText="ID"></ColumnDirective>

<ColumnDirective field="TaskName" headerText="Name"></ColumnDirective>

<ColumnDirective field="StartDate" format="dd-MMM-yy"></ColumnDirective>

<ColumnDirective field="Duration" textAlign="Right"></ColumnDirective>

</ColumnsDirective>

</GanttComponent>

</div>

);

}

[Udhayakumar Anand]

Hi Abdelouahed

Greetings from Syncfusion

We have thoroughly reviewed your query and attempted to replicate the issue based on the provided information. However, in our testing environment, we were unable to reproduce the problem you described. In order to further investigate and assist you effectively, we kindly request you to provide us with the following additional information:

1. Make sure that you’ve imported and injected edit module
2. Exact version of next js
3. Gantt version
4. Anyother customization that you’ve used to render the gantt
5. Could you please modify the given sample and replicate the issue which will be helpful for us to validate further

Sample Link : https://www.syncfusion.com/downloads/support/directtrac/general/ze/next_js_react-1430094287

By obtaining this information, we can conduct a more thorough analysis and work towards finding a resolution tailored to your situation.

Regards,

Udhayakumar

Attachment: 3_bbdf073a.zip