fix(toaster): Unexpected state: no hydration info available for a given TNode, which represents a view container. [Expected=> null != undefined <=Actual] - ensure that the contentToasts is available before accessing it - tempfix

xidedix · xidedix · commit 35c6d2aa383f · 2025-08-13T16:15:42.000+02:00
diff --git a/projects/coreui-angular/src/lib/toast/toaster/toaster.component.html b/projects/coreui-angular/src/lib/toast/toaster/toaster.component.html
@@ -1,2 +1,2 @@
 <ng-template cToasterHost />
-<ng-content cToasterHost />
+<ng-content />
diff --git a/projects/coreui-angular/src/lib/toast/toaster/toaster.component.ts b/projects/coreui-angular/src/lib/toast/toaster/toaster.component.ts
@@ -4,6 +4,7 @@ import {
   computed,
   contentChildren,
   DestroyRef,
+  effect,
   ElementRef,
   inject,
   Injector,
@@ -84,6 +85,12 @@ export class ToasterComponent implements OnInit {
   readonly toasterHost = viewChild.required(ToasterHostDirective);
   readonly contentToasts = contentChildren(ToastComponent, { read: ViewContainerRef });
 
+  readonly #contentToastsEffect = effect(() => {
+    // Ensure that the contentToasts is available before accessing it
+    // temp fix for: ASSERTION ERROR: Unexpected state: no hydration info available for a given TNode, which represents a view container. [Expected=> null != undefined <=Actual]
+    this.contentToasts();
+  });
+
   readonly hostClasses = computed(() => {
     const placement = this.placement;
     const position = this.position();
@@ -143,7 +150,7 @@ export class ToasterComponent implements OnInit {
     this.contentToasts()?.forEach((item) => {
       if (state.toast && item.element.nativeElement === state.toast.hostElement.nativeElement) {
         if (!state.toast.dynamic()) {
-          state.toast['visible'] = false;
+          state.toast.visible = false;
         }
       }
     });

Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,2 @@`
`1`	`1`	`<ng-template cToasterHost />`
`2`		`-<ng-content cToasterHost />`
	`2`	`+<ng-content />`