Javascript 相同标签但不同ID的Nivo条形图索引

根据他们网站的示例，如果我有以下数据，则使用

IndexBy

索引数据并将其显示为x轴标签的条形图：

[{id:'1'，name:'AD'，'hotdog'：27，汉堡：32，}，{id:'2'，name:'AD'，'hotdog'：120，汉堡：126，}]

如果我选择id作为索引数据显示良好，但x轴标签不正确，但如果我选择名称作为索引，只有同一索引的第一个数据显示，我查看了它们显示的所有api，但找不到任何可以帮助我的内容，这是我的条形图组件：

从“React”导入React
从'@nivo/bar'导入{ResponsiveBar}
常量图表：React.FC=props=>{
常数数据=[
{
id:'1'，
名称：‘广告’，
“热狗”：27，
汉堡：32，
},
{
id:'2'，
名称：‘广告’，
“热狗”：120，
汉堡：126，
},
]
常量索引=（道具：任意）=>{
控制台日志（道具）
返回props.name
}
返回(
{
//控制台日志（e）
返回123
}}
/>
)
}