Description
When using Highcharts v12.5.0 with the Gantt bundle (highcharts/highcharts-gantt) and the pattern-fill module (highcharts/modules/pattern-fill), the application crashes with the following error:
Uncaught TypeError: Cannot destructure property 'animObject' of 'c(...)' as it is undefined at pattern-fill.js:13 at ...
Steps to reproduce
-
Install Highcharts v12.5.0 and React wrapper:
npm install highcharts@12.5.0 @highcharts/react
-
Import Highcharts Gantt bundle and pattern-fill:
import Highcharts from 'highcharts/highcharts-gantt'; import PatternFill from 'highcharts/modules/pattern-fill'; PatternFill(Highcharts);
-
Use the React wrapper to render a Gantt chart:
import { Chart } from '@highcharts/react';
<Chart highcharts={Highcharts} constructorType="ganttChart" options={chartOptions} />
- Observe the console error on page load
Actual behavious
- The page crashes immediately on load.
- Pattern fills cannot be applied.
- The error occurs during module import, before rendering any chart.
Affected browser(s)
Chrome
Description
When using Highcharts v12.5.0 with the Gantt bundle (highcharts/highcharts-gantt) and the pattern-fill module (highcharts/modules/pattern-fill), the application crashes with the following error:
Uncaught TypeError: Cannot destructure property 'animObject' of 'c(...)' as it is undefined at pattern-fill.js:13 at ...Steps to reproduce
Install Highcharts v12.5.0 and React wrapper:
npm install highcharts@12.5.0 @highcharts/reactImport Highcharts Gantt bundle and pattern-fill:
import Highcharts from 'highcharts/highcharts-gantt'; import PatternFill from 'highcharts/modules/pattern-fill'; PatternFill(Highcharts);Use the React wrapper to render a Gantt chart:
import { Chart } from '@highcharts/react';<Chart highcharts={Highcharts} constructorType="ganttChart" options={chartOptions} />Actual behavious
Affected browser(s)
Chrome