Necesito importar https://youglish.com/public/emb/widget.js a mi proyecto React y usar su YG como función. Básicamente, necesito este widget en mi aplicación web React. Pude usar su etiqueta. pero necesito obtener la función YG en la aplicación React.

también puede considerar https://youglish.com/api/doc/js-api

¡Métodos que he probado hasta ahora!

1.

 import 'https://youglish.com/public/emb/widget.js' const Widget = () => { const widget = new YG.Widget("widget-1"); widget.fetch("courage", "english"); }; return ( <> <Widget /> .....

 import YG from "YG"; useEffect(() => { const script = document.createElement("script"); script.src = "https://youglish.com/public/emb/widget.js"; script.async = true; document.body.appendChild(script); }, []); const Widget = () => { const widget = new YG.Widget("widget-1"); widget.fetch("courage", "english"); }; return ( <> <Widget /> ..... added in index.html dody <script async src="https://youglish.com/public/emb/widget.js" charset="utf-8" ></script> errors: Failed to compile. ./src/App.tsx Module not found: Can't resolve 'YG' in '/Users/.../Documents/Apps/Projects/.../src'