Summernote component not found in Bootstrap 5

Wappler Version : 3.97
Operating System : windows
Server Model: NodeJS
Database Type: MySQL
Hosting Type: Heroku
Bootstrap 5

Expected behavior

What do you think should happen?

click the enable Summernote button associated with a text area and summernote would appear with all the options

Actual behavior

What actually happens?

clicked the enable Summernote button associated with a text area and got notification “Summernote component not found”

How to reproduce

• Detail a step by step guide to reproduce the issue
• A screenshot or short video indicating the problem
• A copy of your code would help. Include: JS, HTML.
• Test your steps on a clean page to see if you still have an issue

…YOUR TEXT HERE …

I have used Summernote in other projects ( same setup except using Bootstrap 4) and it just worked when i looked to enable summernote. In this project Bootstrap 5 i got the error. I needed it in a modal so initally tried it there got the notification and then tried on the page same error.