React 如何使用外部 JS 文件(CDN 文件)，并使用其中的对象？

正在用 React 重构自己的网站，项目用依赖一个外部 js 文件，想在 React 项目中引用进来，并使用其对象，如何处理？ 我使用 react-helmet 已经能够引入此外部 js,但是如何使用其中的对象呢？

下面是我的代码：

const AppleMusicWaitingState = () => { // 报错 'MusicKit' is not defined document.addEventListener('DOMContentLoaded', function () { MusicKit.configure({ developerToken: 'xxxx', app: { name: 'xxxx', icon: "xxxx", build: '2020.12.25' } }); e = MusicKit.getInstance(); }); return <> {/* 引入 apple music */} <Helmet> <title>Apple Music</title> <meta name="apple-music-developer-token" cOntent="xxxx" /> <meta name="apple-music-app-name" cOntent="xxxx" /> <meta name="apple-music-app-build" cOntent="2020.12.25" /> <script src="https://js-cdn.music.apple.com/musickit/v1/musickit.js"></script> </Helmet> </>; }