Problem with the React peer dependency in the latest CRA template

[TomasHubelbauer]

Hi, I am attempting to evaluate this component in an application based on Create React App. The CRA template I have used is recent, and it uses React 18. It seems the React peer dependency of ibm-gantt-chart-react is hardcoded to 16.8.6:

https://github.com/IBM/gantt-chart/blob/master/packages/ibm-gantt-chart-react/package.json#L42

When trying to install the component using npm i ibm-gantt-chart-react, NPM throws this error:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! react@"^18.0.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"16.8.6" from [email protected]
npm ERR! node_modules/ibm-gantt-chart-react
npm ERR! ibm-gantt-chart-react@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or U
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

This error will likely happen to anyone using latest React, regardless of whether they are using CRA or not.

Using npm i ibm-gantt-chart-react --legacy-peer-deps works, because to my knowledge there are no breaking changes between 16.8.6 and 18.0.0 that would prevent this component from working.

I think you could solve this issue by not hardcoding a React version in the peer dependency, but instead making it a range that accepts anything between 16.8.6 and 18. See these links:

• https://docs.npmjs.com/cli/v7/configuring-npm/package-json#dependencies
• https://github.com/npm/node-semver#advanced-range-syntax

Hope this helps.

[PauliusVa]

When i start this project it also has this errors:
Failed to parse source map: 'webpack://ibm-gantt-chart/C:/Users/yotamberk/Desktop/workspace/vis/dist/vis.js' URL is not supported.

Any ideas how to fix it ?

[NatsGt]

I am using React 18.2.0 and I am getting this recurrent error.

Cannot read properties of undefined (reading 'appendChild') GanttPanel.create https://s8yt6v.csb.app/node_modules/ibm-gantt-chart/dist/ibm-gantt-chart.js:18692:17 GanttPanel.setConfiguration https://s8yt6v.csb.app/node_modules/ibm-gantt-chart/dist/ibm-gantt-chart.js:18595:14

I can see that the component is getting rendered, but still getting this error. I had to downgrade to React 17 to make it work.

[EricWebsmith]

I am using React 18.2.0 and I am getting this recurrent error.

Cannot read properties of undefined (reading 'appendChild') GanttPanel.create https://s8yt6v.csb.app/node_modules/ibm-gantt-chart/dist/ibm-gantt-chart.js:18692:17 GanttPanel.setConfiguration https://s8yt6v.csb.app/node_modules/ibm-gantt-chart/dist/ibm-gantt-chart.js:18595:14

I can see that the component is getting rendered, but still getting this error. I had to downgrade to React 17 to make it work.

same here