Crosshair does not work when xType="time"

The xType=“time” is working great on a LineSeries, but when I attempt to display a Crosshair that appears over the corresponding x-axis value, I get errors due to Date being an object.

The data used by the crosshair values prop is the same as what the LineSeries is receiving.

The error message:

[truncs]

@ejmudrak I was having the same issue and the way to get around it is by adding a titleFormat to the Crosshair which would convert from a date object to a string which which is a valid react child. This way you don’t disrupt the auto positioning of the crosshair.

            <Crosshair values={crosshair}
              titleFormat={(d) => ({title: 'Date', value: d[0].x.toLocaleDateString()})}
          />

[ejmudrak]

Thanks a ton @truncs

I had to convert it back to a date, but the Crosshair now positions correctly for dates! I also had to make sure that my function for onNearestX didn’t touch any formatting.

<Crosshair values={ crosshairValues }
              titleFormat={ d => ({
              title: 'Date',
              value: new Date(d[0].x).toLocaleDateString(),
}) } />