I have same issue which i have faced where i have wrote condition to map only y axis value then i figured issue with y axis value is Nan and doesn't give condition for x axis value is available but y axis value is empty so it rise error "Error: attribute d: Expected number, "MNaN,NaNLNaN,NaN""

Here is the solution:

const x = data
  .filter((item) => item.id === 1)  .map((value) => ({ x: value.date, y: isNaN(value.value) ? null : Number(value.value) }));
const y = data
  .filter((item) => item.id === 2) .map((value) => ({ x: value.date, y: isNaN(value.value) ? null : Number(value.value) }));
const z = data
  .filter((item) => item.id === 3) .map((value) => ({ x: value.date, y: isNaN(value.value) ? null : Number(value.value) }));