access candle data from renderRect

[TobiasGrothmann]

Hi there,

I'm trying to use useCandleData inside of renderRect. Something like this:

<CandlestickChart.Provider data={data}>
    <CandlestickChart>
        <CandlestickChart.Candles
          renderRect={customRect}
          useAnimations={false}
        />
...

const customRect = ({
  useAnimations,
  height,
  opacity,
  width,
  y,
  ...rest
}: RectProps & { useAnimations: boolean }) => {
  const {
    value: { timestamp, open, high, low, close },
  } = CandlestickChart.useCandleData()
  const { currentX, currentY, data, domain, step } = CandlestickChart.useChart()
  
  ...
  
  return someCSV
})

---

CandlestickChart.useChart() seems to work as expected – but CandlestickChart.useCandleData() doesn't.

1. The code described in the docs

const { timestamp, open, high, low, close } = CandlestickChart.useCandleData();

doesn't work. Instead it has to be

const {
  value: { timestamp, open, high, low, close },
} = CandlestickChart.useCandleData()

2. I am only getting -1 for all values (timestamp, open, high, low and close)

[TobiasGrothmann]

Also, currentX.value and currentY.value from CandlestickChart.useChart() are always -1.

[TobiasGrothmann]

related #180

[TobiasGrothmann]

Just found out here that currentX is meant to be the currently selected candle. It's kind of hard to find documentation about it.

Could we add some arguments to the renderRect function to be able to render candles differently depending on the data?