没有使用react调用组件BarChart，尝试使用Typescript使用字符串列表和数字列表呈现简单的BarChart

我试图给它传递一个日期列表以及一个全是数字的值列表。然而，它甚至没有调用组件。

我还收到以下错误（属性）labelData:string[]类型“｛labelData:sstring[]；dataInputs:any[]；｝”不能分配给类型“IntensicAttributes&；string[]”。属性“labelData”在类型“IntensicAttributes&；字符串[]'.ts（2322）

const [rowData, setRowData] = useState<number[]>([]);
  const [showBarChart, setShowBarChart] = useState(false);
  const handleMouseOver = (rowData:any[]) => {
    setRowData(rowData);
    setShowBarChart(true);

    return (
        <div> 
           <BarChart labelData={dts} dataInputs={rowData}/>
      </div>
       
    )
  };

条形图代码：

const BarChart = ( labelData:string[], dataInputs:number[]) => {

   
   
    const data = {
        
        labels:labelData,
        datasets: [{
            data: dataInputs,
           
            }]
        
    }

    const options = {

    }
    
    return (
    <div className="w-96">
        <Bar 
        data = {data}
        options = {options}
        style = {{
            padding:'10px',
            width:'20%',
        }}
    />
    </div>
    )
}
export default BarChart;