TypeError: Cannot read properties of undefined (reading 'Chart') #345

import { Chart as GoogleChart } from "react-google-charts";
import { AxisOptions, Chart as ReactChart } from 'react-charts';

...

function TemperatureChartReact({ normals }: { normals: Record<Month, { tmin: number, tmax: number }> }) {
  type Temperature = {
    month: Month,
    temperature: number,
  }

  type Series = {
    label: string,
    data: Temperature[]
  }

  const data = useMemo(() => {
    return Object
      .entries(normals)
      .map(([month, normal]) =>({
        month: Number.parseInt(month) as Month,
        temperature: normal.tmax
      }))
  }, [normals])

  const series: Series[] = [
    {
      label: 'Temperature',
      data
    }
  ]

  const primaryAxis = React.useMemo(
    (): AxisOptions<Temperature> => ({
      getValue: datum => datum.month
    }),
    []
  )

  const secondaryAxes = React.useMemo(
    (): AxisOptions<Temperature>[] => [
      {
        getValue: datum => datum.temperature
      }
    ],
    []
  )

  return (
    <ReactChart
      options={{
        data: series,
        primaryAxis,
        secondaryAxes
      }}
    />
  )
}