Online demo works great with React v16.8.5, but not v17.0.2

[gudh]

BizCharts Version: v4.1.9 (latest) Platform: Chrome 88.0.4324.96 on macOS

---

First of all, thanks for the amazing work!

I am new to BizCharts, so I begin my journey by trying out the demo code with create-react-app, e.g. a line chart

The demo code works great when using React.js v16.8.5, but when I upgrade React and react-dom to 17.0.2, I got error:

Invalid hook call

[IbrahimDeliceUFST]

I have the exact same problem. Any news on this?

[4nix]

me too

[unclechong]

[wowtqt]

I also got this problem

[D1M]

Any news on this?

[D1M]

No one assigned, no labels since 1st of April 2021... No one use react 17+?

[larissa-n]

Funky workaround:

$ npm uninstall bizcharts
$ yarn add bizcharts

Worked in my case.

Source

[typercast]

Any update?

[jerrycwb]

me to @18.2.0 ...

[qianchengjie]

add dependencies in package.json

  dependencies: {
    ...
    "react-error-boundary": "3.0.2",
    "react-reconciler": "^0.25.1",
  }

[nourddine-benyahya]

any news

[kitayoshi]

As @unclechong said, BizCharts depends on react-reconciler@^0.25.1 which depends on react@16, causing two versions of react to be installed (If you are using react other than 16)

After [email protected], use the overrides key in package.json to force updating the dependency version will resolve the issue.

{
  "overrides": {
    "bizcharts": {
      "react-reconciler": "0.26.2"
    }
  }
}

Be noticed I use [email protected] here since I use [email protected]. Overriding it with a higher version like [email protected] if you need react@18.

Tada!

├─┬ [email protected] overridden
│ ├─┬ [email protected]
│ │ └── [email protected] deduped
│ └─┬ [email protected] overridden
│   └── [email protected] deduped

Notes, @nuintun tried to resolve this issue in https://github.com/alibaba/BizCharts/pull/1412