Type Definition Error

When using the pro light icons I get the following error on the line where I add the light icon to the library:

angular_1  | ERROR in src/app/abcd/abcd.module.ts(14,13): error TS2345: Argument of type 'IconDefinition' is not assignable to parameter of type 'IconDefinitionOrPack'.
angular_1  |   Type 'IconDefinition' is not assignable to type 'IconPack'.
angular_1  |     Index signature is missing in type 'IconDefinition'.

I don’t get this error using the solid icons or the free icons.

My module code has the following:

import {library} from '@fortawesome/fontawesome-svg-core';
// import {faArrowToBottom} from '@fortawesome/pro-solid-svg-icons'; <--- Works fine
import {faArrowToBottom} from '@fortawesome/fontawesome-pro-light';

library.add(faArrowToBottom); <--- Error is on this line

My template uses the icon as follows:

<fa-icon [icon]="['fal', 'arrow-to-bottom']"></fa-icon>

[devoto13]

It may be because you use '@fortawesome/fontawesome-pro-light‘ package instead of '@fortawesome/pro-light-svg-icons‘. Former is not intended to be used with the latest pre-release.

[mlwilkerson]

OK, thanks.