Support for Angular 20 replace afterRender with afterEveryRender

[ShaimaaHamdan]

we got this error after migration
X [ERROR] No matching export in "node_modules/@angular/core/fesm2022/core.mjs" for import "afterRender"

node_modules/@coreui/angular/fesm2022/coreui-angular.mjs:2:336:
  2 │ ...DetectorRef, contentChild, afterRender, viewChild, ViewContainer...

Looks like you have to update the package to be compatible with it as afterRender is replaced with afterEveryRender in angular 20 , can you speed up please with this update ?

[xidedix]

Please update to @coreui/angular version ~5.5.0 for Angular 20 and let us know if it works for you.

[ShaimaaHamdan]

thank you , the error is gone but I got another error regarding to bootstrap conflict with coreUI

X [ERROR] ("ltr": translate(-50%, -50%), "rtl": translate(50%, -50%)) isn't a valid CSS value.
╷
74 │ #{$property}: $value if($enable-important-utilities, !important, null);
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
node_modules\bootstrap\scss\mixins_utilities.scss 74:27 root stylesheet [plugin angular-sass]

I am importing both files in my global scss

// Import styles with default layout.
@import "@coreui/coreui-pro/scss/coreui";
/* Importing Bootstrap SCSS file. */
// @import "./node_modules/bootstrap/scss/bootstrap";