How to use the d3fc.seriesSvgLine function in d3fc

// only use that extent.
        const closeExtent = extentLinear().accessors([(d) => d.close])(data);
        const yScale = scaleLinear()
            .domain(closeExtent)
            .range([height, 0])
            .nice();

        const area = seriesSvgArea()
            .crossValue((d) => d.date)
            .baseValue((_) => closeExtent[0])
            .mainValue((d) => d.close)
            .decorate((selection) => {
                selection.attr('fill', `url(#${stockCode}-minichart-gradient)`);
            });

        const line = seriesSvgLine()
            .crossValue((d) => d.date)
            .mainValue((d) => d.close);

        const point = seriesSvgPoint()
            .crossValue((d) => d.date)
            .mainValue((d) => d.close);

        const multi = seriesSvgMulti()
            .series([area, line, point])
            .xScale(xScale)
            .yScale(yScale)
            .mapping((_, index, series) => {
                switch (series[index]) {
                case point:
                    return [data.slice(0)[0]];
                default:

const getLine = () => {
  return seriesSvgLine()
    .crossValue(d => d.date)
    .mainValue(d => d.close);
};

export function lineSeries(settings, color) {
    let series = fc.seriesSvgLine();

    series = series.decorate(selection => {
        selection.style("stroke", d => withoutOpacity(color(d[0] && d[0].key)));
    });

    return series.crossValue(d => d.crossValue).mainValue(d => d.mainValue);
}