Property '"autoGenerate"' is incompatible with index signature.

[kar-21]

🐞 Property '"autoGenerate"' is incompatible with index signature.

Description

I am a type issue Property '"autoGenerate"' is incompatible with index signature. Type '{ alias: "preserveQueryParams"; required: false; }' is not assignable to type 'string' in the node_modules/xng-breadcrumb/lib/breadcrumb.component.d.ts:59:90

🔬 Minimal Reproduction Steps

• Added the xng-breadcrumb by executing yarn add xng-breadcrumb
• Added BreadcrumbModule to the import of @NgModule of app.model.ts
• Added <xng-breadcrumb></xng-breadcrumb> to the template of app.component.ts
• Started local server using ng serve
• Encountered this error

> Error: node_modules/xng-breadcrumb/lib/breadcrumb.component.d.ts:59:90 - error TS2344: Type '{ autoGenerate: ""; preserveQueryParams: { alias: "preserveQueryParams"; required: false; }; preserveFragment: { alias: "preserveFragment"; required: false; }; class: { alias: "class"; required: false; }; anchorTarget: { ...; }; separator: { ...; }; }' does not satisfy the constraint '{ [key: string]: string; }'.
>   Property '"preserveQueryParams"' is incompatible with index signature.
>     Type '{ alias: "preserveQueryParams"; required: false; }' is not assignable to type 'string'.
> 
> 59     static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "xng-breadcrumb", never, { "autoGenerate": ''; "preserveQueryParams": { "alias": "preserveQueryParams"; "required": false; }; "preserveFragment": { "alias": "preserveFragment"; "required": false; }; "class": { "alias": "class"; "required": false; }; "anchorTarget": { "alias": "anchorTarget"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; }, {}, ["itemTemplate"], never, false, never>;

💻My Environment

Angular CLI: 15.2.0
xng-breadcrumb: 10.0.0

📃package.json

🔥 Error

Error screenshot

Error Code from breadcrumb.component.d.ts

[github-actions]

Hello 👋 @kar-21
Thank you for raising an issue. We will investigate into the issue and get back to you as soon as possible. Please make sure you have given us as much context as possible.
Feel free to raise a PR if you can fix the issue. Check the local development guide

[kar-21]

I have downgraded the package to version9.0.0. It seems breadcrumb is working.
Not sure whether this is to do with compatibility of angular.

[udayvunnam]

Yes, this is a compatibility issue. See https://udayvunnam.github.io/xng-breadcrumb/#/angular-version-compatibility. Thanks for the update!