Error when having multiple charts

I use next.js and react-google-charts - both on latest version.

When i have multiple charts on a page, it throws me the following error

All the charts still work.

Example code in next.js:

import { Chart } from 'react-google-charts'

export default () => (
  <div>
    <Chart
      chartType="ScatterChart"
      data={[['Age', 'Weight'], [8, 12], [4, 5.5]]}
      options={{}}
      graph_id="ScatterChart1"
      width="100%"
      height="400px"
      legend_toggle
    />
    <Chart
      chartType="ScatterChart"
      data={[['Age', 'Weight'], [8, 12], [4, 5.5]]}
      options={{}}
      graph_id="ScatterChart2"
      width="100%"
      height="400px"
      legend_toggle
    />
  </div>
)

And thanks for this awesome wrapper btw, it plays a vital part in our site at https://bigfive-test.com

[FabianSchuessler]

This issue was only fixed for multiple charts on one page. The issue still persists for charts on different pages.

[deepfriedbrain]

It is better now but I’m still getting the errors in some cases:

Before 1.6.6:

Navigate to Component1, which has 4 charts: I would get the error 4 times. Navigate to Component2, which has 3 charts, I would get 3 more errors. Total 7 errors in the console.

With 1.6.6:

Navigate to Component1, which has 4 charts: No error. Navigate to Component2, which has 3 charts, I get 1 error. Total 1 error in the console.

So it has improved but not completed fixed yet.