I want to add an event listener that will tell me when JDoodle is loaded on my react app. Something like
useEffect(() => {
const jDoodleScript = document.createElement('script')
jDoodleScript.src = JDOODLE_COMPILER_SCRIPT
jDoodleScript.type = JDOODLE_COMPILER_KEY
document.head.append(jDoodleScript)
const onLoad = () => {
console.log('JDoodle is ready')
}
window.addEventListener('JDoodleLoad', onLoad)
return () => {
window.removeEventListener('JDoodleLoad', onLoad)
}
}, [])