***类型不能分配给***类型

Question

我正在使用Typescript创建一个React SPA。我在React Router DOM中使用Material UI。我遇到了一个问题，其中遇到了一些错误“类型 *不能分配给类型* ”。

我已经做了一些Google搜索并尝试了一些解决方案，但是错误似乎并没有消失。解决方案之一是从“ react-router-dom”导入LinkProps并将其传递到组件中，但这没用。

这里是出现这些错误的组件之一。

// Imports

class ListTable extends React.Component<ComponentProps> {
  render() {
    const { classes, header, data, limitTo} = this.props;
    return (

      // Removed for simplicity

      {data.slice(0, limitTo).map((item, index) => {
        return(
          <TableRow key={index}>
            <TableCell scope="row">{item.ReferenceDate}</TableCell>

            // These two give the errors.
            <TableCell component={RouterLink} to={`/issuer/${item.IssuerID}`} scope="row">{item.CompanyName}</TableCell>
            <TableCell component="a" href={`/documents/${item.FileName}`} scope="row">{item.Title}</TableCell>

            <TableCell scope="row">{item.PublishedBy}</TableCell>
          </TableRow>
        )
      })}

      // Removed for simplicity

    );
  }
}
export default withStyles(styles)(ListTable);

我将其范围缩小到错误是由链接引起的TableCell的组成元素引起的。

理想情况下，删除错误会很好。该代码按原样工作，但控制台中所有红色的代码行都是盲目的。