D3 Angular - ошибка TS2349: невозможно вызвать выражение, тип которого не имеет подписи вызова. Тип

Question

У меня есть стек Блиц здесь - https://stackblitz.com/edit/ng-divided-bar?embed=1&file=src/app/bar-chart.ts&hideNavigation=1

У меня есть диаграмма d3 здесь в Angular.

Здесь все работает, но в моем приложении я получаю ошибку

error TS2349: Cannot invoke an expression whose type lacks a call signature. Type

, который относится к этому коду.

this.y.domain(
  d3.extent(
    d3.extent(data, (d) => {
      return d.start;    
    })
    .concat(d3.extent(data, (d) => {
      return d.finish;    
    })        
  )
));

Мое приложение использует Typescript 2.7.2

Это связано с тем, как я импортирую D3

import * as d3 from 'd3';   

Если я удаляю импорт d3, ошибка прекращается, но я не знаю, как еще импортировать d3

Полная ошибка

    ERROR in .component.ts(108,7): error TS2349: C
annot invoke an expression whose type lacks a call signature. 
Type '{ (...items: ConcatArray<string>[]): string[]; 
(...items: (string | ConcatArray<string>)[]): stri...' has no compatible call signatures.