Getting this issue Only one instance of an embedded mdl-dialog can exist!

[deepak-csols]

I have using more 10 dialog boxes around the application. Few of them are very frequently used. After sometime i started getting this error which makes our application very slow. Can you please guide us what will be the main cause behind it.

We are use declarative approach here.

We are using angular version 5.

error occured here Error: Only one instance of an embedded mdl-dialog can exist!
at MdlDialogComponent.push../node_modules/@angular-mdl/core/components/dialog/mdl-dialog.component.js.MdlDialogComponent.show (main.277caef9d38a82c98bf3.js:2487)
at BillingComponent.openRemarkPopup (/C:/Users/Admin/AppData/Local/digirestro_desktop/app-1.3.65/resources/app.asar/dist/DigirestFront/0.29af2e9ce5b05b32eea0.js:105848)
at Object.handleEvent (/C:/Users/Admin/AppData/Local/digirestro_desktop/app-1.3.65/resources/app.asar/dist/DigirestFront/0.29af2e9ce5b05b32eea0.js:101916)
at Object.handleEvent (main.277caef9d38a82c98bf3.js:37215)
at Object.handleEvent (main.277caef9d38a82c98bf3.js:37978)
at dispatchEvent (main.277caef9d38a82c98bf3.js:33631)
at main.277caef9d38a82c98bf3.js:34291
at HTMLButtonElement. (main.277caef9d38a82c98bf3.js:59117)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (polyfills.9c8f2d6eba63913a6427.js:2743)
at Object.onInvokeTask (main.277caef9d38a82c98bf3.js:28934)

Do we need add checks before opening the dialog.