yAccessor for CandleStickSeries not working as expected

[imperfectlogic]

Hi! 👋

Firstly, thanks for your work on this project! 🙂

Today I used patch-package to patch @react-financial-charts/[email protected] for the project I'm working on.

I found that using a custom yAccessor on the CandlestickSeries was not drawing any of the expected candles. Upon some investigation I found that the yAccessor was not being used in the initial filter which was excluding data due to it not having the 'close' property on the main data object.

Here is the diff that solved my problem:

diff --git a/node_modules/@react-financial-charts/series/src/CandlestickSeries.tsx b/node_modules/@react-financial-charts/series/src/CandlestickSeries.tsx
index 21729c4..c6158c1 100644
--- a/node_modules/@react-financial-charts/series/src/CandlestickSeries.tsx
+++ b/node_modules/@react-financial-charts/series/src/CandlestickSeries.tsx
@@ -136,7 +136,13 @@ export class CandlestickSeries extends React.Component<CandlestickSeriesProps> {
         const offset = trueOffset > 0.7 ? Math.round(trueOffset) : Math.floor(trueOffset);
 
         return plotData
-            .filter((d) => d.close !== undefined)
+            .filter((d) => {
+                const ohlc = yAccessor(d);
+                if (ohlc === undefined) {
+                    return false;
+                }
+                return true;
+            })
             .map((d) => {
                 const ohlc = yAccessor(d);
                 if (ohlc === undefined) {

[markmcdowell]

Fixed in v1.3.2