Running custom code with Thebe returns error "Uncaught TypeError: thebe.events.on(...) is not a function"

[FasihZafar]

Here is the code sample

<script type="text/x-thebe-config"> { bootstrap: true, binderOptions: { repo:"l", codeMirrorConfig: { "theme": "cobalt", "lineNumbers": true, }, binderUrl: "https://mybinder.org", repoProvider: "git", }, kernelOptions: { name: "xsql", kernelName: "xsql", path: "." }, } </script> <script src=""></script>

%LOAD sqlite3 db=student_grades.db timeout=2 shared_cache=true

select * from students;

<script> thebe.events.on("request-kernel")((kernel) => { // Find any cells with an initialization tag and ask Thebe to run them when ready console.log("Testing request-kernel event"); //kernel.requestExecute({code: "import numpy"}) }); </script>