ERROR TypeError: _this3._$element.summernote is not a function - In Angular 12

[abbyqad]

I am using Angular 12.1.2

I have installed
"jquery": "^3.5.0",
"summernote": "^0.8.18",
"ngx-summernote": "^0.8.5",

getting following error
ERROR TypeError: this3.$element.summernote is not a function
at ngx-summernote.js:358:22
at _ZoneDelegate.invoke (zone.js:372:26)
at Zone.run (zone.js:134:43)
at NgZone.runOutsideAngular (core.js:28591:28)
at NgxSummernoteDirective.createEditor (ngx-summernote.js:353:23)
at NgxSummernoteDirective.ngOnInit (ngx-summernote.js:146:14)
at callHook (core.js:2538:22)
at callHooks (core.js:2507:17)
at executeInitAndCheckHooks (core.js:2458:9)
at refreshView (core.js:9499:21)

Any help appreciated.
Thanks