ExpressionChangedAfterItHasBeenCheckedError occurs when page size changes on Data Table with components demo

[mikehutter]

Do you want to request a feature or report a bug?

Bug

Bug Report

Changing the page size on a td-paging-bar causes an ExpressionChangedAfterItHasBeenCheckedError when using the example from the "Data Table with components demo" located here: https://teradata.github.io/covalent/#/components/data-table

The issue can be seen in the console when the page size is changed from 5 to 10 in the below link which was created by using your stackblitz template and copying the code from https://teradata.github.io/covalent/#/components/data-table.

Screenshots or link to CodePen/Plunker/JSfiddle

https://stackblitz.com/edit/covalent-paging-bug

What is the expected behavior?

The page size should change without errors.

What is the motivation / use case for changing the behavior?

The error is not expected when changing page size.

Which version of Angular and Material, and which browser and OS does this issue affect?

See the link provided in this report.

[letthewookieewin]

I'm getting the same error. Did you have any luck with this @mikehutter ?

[jeremysmartt]

Looks like this only happens when running in dev mode npm run serve
When running in production it does not happen.
Possibly because in dev mode Angular triggers an extra change detection to "verify"