How to use the d3-scale.scaleCategory10 function in d3-scale

height: height,
  margins: margins,
  x: (d) => {return +d;},
  xScale: 'linear',
  yScale: 'linear',
  showXGrid: true,
  showYGrid: true,
  showLegend: true
}

export const pieProps = {
  width: width,
  height: height,
  margins: margins,
  innerRadius: 0,
  categoricalColors: D3Scale.scaleCategory10(),
  pieSort: D3Array.descending
}

width: width,
  height: height,
  margins: margins,
  y: (d) => {return +d;},
  xScale: 'linear',
  yScale: 'linear',
  showXGrid: true,
  showYGrid: true
}

export const pieProps = {
  width: width,
  height: height,
  margins: margins,
  innerRadius: 0,
  categoricalColors: D3Scale.scaleCategory10(),
  pieSort: () => {},
  pieTextShow: true
}

_series(props) {
    const {
      chartSeries,
      categoricalColors
    } = props;

    const colors = categoricalColors || D3Scale.scaleCategory10();

    return chartSeries.map(({ name, color, field }, i) => ({
      color: color || colors(i),
      name: name || field,
      field,
    }));
  }