chore(Perf): Skip undef values in perf charts (#2177)

Author: miroslavstastny

docs/src/components/ComponentDoc/PerfChart/PerfChart.tsx

@@ -51,15 +51,18 @@ const PerfChart: React.FC<PerfChartProps> = ({ perfData, withExtremes }) => {
       <LineSeries
         {...props}
         key={chartName + key}
-        data={perfData.map(sample => ({
-          x: sampleToXAxis(sample),
-          y: _.get(sample, `performance.${chartName}.${data}`, 0),
-        }))}
-        {...(index === 0 && {
-          onNearestX: (d: { x: number }) => {
-            setNearestX(d.x)
-          },
-        })}
+        data={_.filter(
+          perfData.map(sample => {
+            const y = _.get(sample, `performance.${chartName}.${data}`)
+            if (_.isUndefined(y)) {
+              return undefined
+            }
+            return {
+              x: sampleToXAxis(sample),
+              y,
+            }
+          }),
+        )}
       />
     ))
 
@@ -149,6 +152,18 @@ const PerfChart: React.FC<PerfChartProps> = ({ perfData, withExtremes }) => {
         strokeWidth: '2px',
       })}
 
+      <LineSeries
+        opacity={0}
+        key="vertical-axis-hack"
+        data={perfData.map(sample => ({
+          x: sampleToXAxis(sample),
+          y: 0,
+        }))}
+        onNearestX={(d: { x: number }) => {
+          setNearestX(d.x)
+        }}
+      />
+
       {nearestX && (
         <PerfChartTooltip
           x={nearestX}