Cannot set property $notify of # which has only a getter

Expected behavior **https://mdbootstrap.com/docs/vue/advanced/notifications/** Import the component following the documents provided: import Vue from 'vue'; import 'bootstrap-css-only/css/bootstrap.min.css'; import 'mdbvue/build/css/mdb.css'; import App from './App.vue' import Notify from 'mdbvue';

Vue.use(Notify);

Actual behavior I had a first error that was easily solved by using a suggestion of another user: import Vue from 'vue'; import 'bootstrap-css-only/css/bootstrap.min.css'; import 'mdbvue/build/css/mdb.css'; import App from './App.vue' import {Notify} from 'mdbvue';

Vue.use(Notify);

But now the following error appears:

Notify.js?4b36:28 Uncaught TypeError: Cannot set property $notify of # which has only a getter at Object.install (Notify.js?4b36:28) at Function.Vue.use (vue.esm.js?efeb:5110) at eval (main.js?1c90:47) at Object../src/main.js (app.js:19348) at webpack_require (app.js:708) at fn (app.js:113) at Object.1 (app.js:21933) at webpack_require (app.js:708) at app.js:806 at app.js:809

Thank you in advance,

Resources (screenshots, code snippets etc.)