Javascript 如何在React功能组件上从CDN加载库？

我试图通过CDN在React功能组件上使用库，但遇到如下错误

index.html上的脚本标记：

<script src="//unpkg.com/react-force-graph"></script>

这是一个示例组件：

import React from "react";
import data from "./sample_data";

const { ForceGraph3D } = window.ForceGraph;

const Graph3d = () => {
  return (
    <div>
      <h1>Hi!</h1>
      <ForceGraph3D graphData={data} />
    </div>
  );
};
export default Graph3d;

从“React”导入React；
从“/sample_data”导入数据；
const{ForceGraph3D}=window.ForceGraph；
常量图形3d=（）=>{
返回(
你好
);
};
导出默认图形3d；

我得到的错误是：

我在这个主题上找到了这个，但我想这正是我正在做的。任何帮助都将不胜感激

下面是一个复制这个问题的例子

谢谢