Uncaught (in promise): RangeError: Maximum call stack size exceeded #14743

Problem : 

Uncaught (in promise): RangeError: Maximum call stack size exceeded #14743


Solution :

in general ` RangeError: Maximum call stack size exceeded` means you have an infinite loop somewhere

How i was stuck in loop is show below

I was trying to create a expandable component

created component like this:

expandable.component.ts

<expandable [expandHeight]="itemExpandHeight" [expanded]="item.expanded">
  Hello people
</expandable>

<div #expandWrapper class='expand-wrapper' [class.collapsed]="!expanded">
  <ng-content></ng-content>
</div>

used it like this in some other HTML

home.ts

 <expandable [expandHeight]="itemExpandHeight" [expanded]="item.expanded">
          Hello people
 </expandable>

so it gives me error of stack

so solution for me is to remove declaration of expandable element from the expandable.component.ts.