Covalent: OverlayState was not found in @angular/cdk/overlay

[Samushel]

When using Angular Material beta 11 a project with Covalent Beta 7 compiles with a warning:

WARNING in ./node_modules/@covalent/core/loading/services/loading.factory.js 127:24-36 "export 'OverlayState' was not found in '@angular/cdk/overlay'

This is due to a breaking change on Angular Material beta 11: https://github.com/angular/material2/blob/master/CHANGELOG.md#breaking-changes

overlay: OverlayState has been renamed to OverlayConfig

[jotatoledo]

Covalent depends on beta10 of material, dont update to 11 yet

[steve-todorov]

Actually never mind my last comment - the problem was something totally different :)

[pabloxn]

what was the solution - I have the same problem

[steve-todorov]

@pabloxn if you are only using angular and material without Covalent - make sure that your dependencies in package.json are up to-date:

    "@angular/cdk": "^2.0.0-beta.11",
    "@angular/material": "^2.0.0-beta.11",

In my case I forgot to update the @angular/material package which resolved in the exception above.

If you are using Covalent then @jotatoledo already stated that Covalent's dependencies require beta10. :)

[emoralesb05]

Yup, we will support beta.11 soon 😄 https://github.com/Teradata/covalent/pull/890

[emoralesb05]

https://github.com/Teradata/covalent/pull/890 has been merged, you can start testing if you install the nightly-build, and we are gonna release as soon as we do a last set of tests

[gozeon]

https://github.com/angular/material2/pull/6972