v4 Drag&Drop module with Gantt

[jagomez1]

Hello, I've been trying to make a Gantt chart with draggable tasks but every time i try to import the draggable-points module it gives the following error:
TypeError Cannot destructure property 'addEvent' of 's(...)' as it is undefined.
Here is a sandbox with a minimal reproduction of the error
https://codesandbox.io/p/sandbox/highcharts-react-v4-1-0-4zsk6n

I have the same draggable tasks feature on another project with v3 and it works fine.

[AndrzejBuleczka]

Hi @jagomez1, thanks for flagging this issue. You are right, in the new react integration currently there is no way to use draggable-points module in gantt (it's possible with Core series like so: demo. This issue is on our radar and will be reviewed for prioritization. If you have any additional details that could help us
assess the impact, feel free to share!

[AndrzejBuleczka]

Current workaround: you can use base Chart and Series component like in this demo.

[kbeame]

@AndrzejBuleczka Is this something that is also a known issue for the new react integration for all other modules as well? I have been unable to figure out a way to get the accessibility, exporting and data-export modules to work with the new MapsChart, when it previously worked.
What I thought was the approved method of getting modules to work: v4 demo
Note that I do not get an error, I simply do not get the features that should be included
V3 version works just fine: v3 demo

[AndrzejBuleczka]

Hi @kbeame , for common modules like Exporting or Accessibility you need to follow different syntax, example is here in the documentation: https://www.highcharts.com/docs/react/series-and-chart-types#bubble
Example:
import { Exporting } from "@highcharts/react/options/Exporting";
and then use in your chart component:
<Exporting />