Insert JQL Editor in my plugin

Hi,

I followed below page and created connect app.

https://developer.atlassian.com/cloud/jira/platform/getting-started-with-connect/

In connect app helloworld.html added below script.
START---------------------------------------------------------------------





END---------------------------------------------------------------------

While loading the app, getting
Uncaught ReferenceError: _AP is not defined
at helloworld.html?xdm_e=https%3A%2F%2Fnaveen123.atlassian.net&xdm_c=channel-com.example.myapp__hello&cp=&xdm_deprecated_addon_key_do_not_use=com.example.myapp&lic=none&cv=1001.0.0-SNAPSHOT:6

Thanks,
Naveen

cript>AP.jira.showJQLEditor(options, callback); function load() { alert(‘Hello’); AP.jira.initJQLEditor(); } window.onload = load; var options = { jql: ‘’, header: ‘JQL Editor’, descriptionText: ‘’, submitText: ‘Accept’, cancelText: ‘Cancel’ }; var callback = function(obj) { alert(obj.jql); };