Simple chart plotting only 'close' of a stock

[homerokzam]

I'm submitting a...

• [X ] bug
• feature
• chore

What is the current behavior

evaluator.ts:157 Uncaught TypeError: Cannot read properties of undefined (reading 'invert')

What is the expected behavior

Simple line chart plot

Please tell us about your environment

node: v20.5.0
react: "^18.2.0"

• Version: 1.1.0
• Browser: [all | Chrome XX | Firefox XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari ]
• Chrome: Version 118.0.5993.70 (Official Build) (arm64)

Other information

import { ChartCanvas, Chart, LineSeries, CandlestickSeries, XAxis, YAxis, discontinuousTimeScaleProvider } from "react-financial-charts";

const CustomChartCanvas = (props) => {
const ohlcData = props.data.map(item => ({
date: new Date(item.Date),
open: item.Open,
high: item.High,
low: item.Low,
close: item.Close,
volume: item.Volume
}));

// console.log(ohlcData);

return (
<>
{ohlcData && (
<ChartCanvas height={400} width={800}
ratio={3}
type={'svg'}
margin={{ left: 50, right: 50, top: 10, bottom: 30 }}
data={ohlcData}
seriesName="OHLC"
xAccessor={d => d.date}
xScaleProvider={discontinuousTimeScaleProvider}
xExtents={[ohlcData[0].date, ohlcData[ohlcData.length - 1].date]} >
<Chart id={1} yExtents={d => [d.high, d.low]}>

          <LineSeries yAccessor={d => d.close} />
      </Chart>
    </ChartCanvas>
  )}
</>

)
}

export default CustomChartCanvas;