parameter type of lineGenerator is weird

[hoi82]

When I make custom layer in ResponsiveLine, lineGenerator's parameter type is displayed,

'Iterable<{x: number, y: number}> | {x: number, y: number}[][]'

But, like below codes, pass the data like documents works well.

const CustomLine = (props: CustomLayerProps) => {
const { series, lineGenerator, xScale, yScale } = props;
return series.map((s : ComputedSerie) => {
const { id, data, color } = s;
return (
<path d={lineGenerator(data.map(d => ({ x: xScale(d.data.x), y: yScale(d.data.y) })))}
stroke={color} style={{strokeWidth: '1rem'}}/>
)
})
}

I'm using 0.70.1 version nivo/line, nivo/core, nivo/bar, nivo/tooltip.
Is there any missing of declares?

[dardanos]

Here is what I'm doing in the meantime

interface FixedCustomLayerProps
  extends Omit<CustomLayerProps, 'xScale' | 'yScale'> {
  xScale: (x: DatumValue) => DatumValue;
  yScale: (y: DatumValue) => DatumValue;
}

[hoi82]

Here is what I'm doing in the meantime

interface FixedCustomLayerProps
  extends Omit<CustomLayerProps, 'xScale' | 'yScale'> {
  xScale: (x: DatumValue) => DatumValue;
  yScale: (y: DatumValue) => DatumValue;
}

My question is about lineGenerator. Not xScale or yScale.

[hoi82]

In @nivo/line/index.d.ts, there is a declation,

export interface CustomLayerProps extends Omit<LineSvgProps, 'xScale' | 'yScale'> {
innerHeight: number
innerWidth: number
lineGenerator: D3Line<Array<ComputedDatum['position']>>
points: Point[]
series: ComputedSerie[]
xScale: Scale<unknown, unknown>
yScale: Scale<unknown, unknown>
}

And I changed lineGenerator type to D3Line<ComputedDatum['position']> and it works well without any messages.
Will it affect other packages?

[akassaei]

@hoi82 Any update on this issue ? I'm facing the same problem in my code