[mat-tree]: Nested nodes example fails partially with large number of data (Maximum call stack size exceeded error)

Bug, feature request, or proposal:

Bug

What is the expected behavior?

The error should be caught with a friendly message and the erroneous nodes should not be rendered.

What is the current behavior?

When the data of the tree is greater than a large value (e.g. 200), the application throws RangeError: Maximum call stack size exceeded error and all nodes up to that point are rendered with no content.

What are the steps to reproduce?

Providing a StackBlitz reproduction is the best way to share your issue.
StackBlitz starter: https://goo.gl/wwnhMV
https://stackblitz.com/edit/angular-2qc1cr?file=app/tree-nested-overview-example.ts

1. Lower the limit to 100 or remove the child property.
2. The tree is rendered correctly and the error is gone.

What is the use-case or motivation for changing an existing behavior?

N/A

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular 6.0.3 Angular Material: 6.2.0

Is there anything else we should know?

No

[bampakoa]

I attended this talk from ng-conf that suggests to use a flat tree for large amount of data. And it actually worked in my case. So, I am not sure if this is actually a bug or the documentation should be written properly as when to prefer each type of tree.

[davegadsby]

We are also experiencing this problem, I can’t find any official documentation about what the actual/recommended limit should be.