Javascript Nivo饼图未渲染

我正在使用nivo图表库，正在努力让我的饼图呈现出来。我真不明白为什么饼图没有出现

以下是我的仪表板核心组件代码：

import React，{useState，useffect}来自“React”；
从“aws放大”导入放大，{Storage}；
从“@material ui/core/Paper”导入纸张；
从“@material ui/core/Box”导入框；
从“@material ui/core/Grid”导入网格；
从“/aws导出”导入awsmobile；
从“d3”导入*作为d3；
从“@material ui/core/CircularProgress”导入CircularProgress；
从“/pieConfig”导入MyResponsivePie；
从“/useStyles”导入useStyles；
从“@material ui/core/AppBar”导入AppBar；
从“@material ui/core/Toolbar”导入工具栏；
从“@material ui/core/IconButton”导入图标按钮；
从“@material ui/icons/CloudDownload”导入CloudDownloadIcon；
从“@material ui/core/Typography”导入排版；
放大、配置（awsmobile）；
配置（{level:“private”}）；
导出默认函数仪表板（）{
useffect（（）=>{
getFile（）；
}, []);
const classes=useStyles（）；
const[dashboard，showDashboard]=useState（false）；
const[dashboardfile，setFile]=useState（）；
const getFile=async（）=>{
const url=wait get_url（）.catch（err=>getFile（））；
const file=wait d3.csv（url）；
如果（文件）{
console.log（文件）；
setFile（文件）；
showDashboard（正确）；
}
};
const get_url=（）=>{
var url=Storage.get（“output.csv”，{level:“private”}，{expires:60}）；
console.log（url）；
返回url；
};
const countColumnValues=（文件、列）=>{
var数据_计数=d3
.nest（）
.键（功能（d）{
返回d[列]；
})
.汇总（功能（叶）{
返回长度；
})
.条目（文件）；
控制台日志（数据计数）；
返回数据的计数；
};
const generatePie=（文件、列）=>{
var数据=countColumnValues（文件、列）；
返回数据；
};
返回(
Atreides控制NLP仪表板
{dashboard===false&&(
)}
{仪表板&&(
{" "}
{" "}
)}
);
}

我遇到的问题相当愚蠢，容器对象没有指定的大小。

这是关于nivo的问题，不是d3Nivo构建在d3之上？是的，我的错！我的道歉