reactjs - Material ui react, ListItem 提供的值 2 超出范围 [0, 1]

Question

我的导航栏遇到了这个问题，而且正是ListItem元素，这是错误。

我有一个自定义主题配置（购买的主题），我认为它来自那里，因为一旦我ListItem用另一个元素更改，错误就会消失。

return (
    <Link href={href as string} passHref>
      <ListItem
        button
        disableGutters
        // activeClassName={
        //   isSubItem ? classes.isActiveListItemSub : classes.isActiveListItem
        // }
        className={clsx(
          classes.listItem,
          className,
          isLinkActive(router.pathname, href) ? classes.isActiveListItemSub : ""
        )}
        // isActive={(match, location) => {
        //   if (!match) {
        //     return false;
        //   }
        //   const { url } = match;
        //   const { pathname } = router;
        //   const isMatch = url === pathname;

        //   if (!isSubItem) {
        //     return url.length && pathname.includes(url);
        //   }

        //   return isMatch;
        // }}
        {...other}
      >
        <ListItemIcon
          style={{
            marginLeft: isSubItem ? "20px" : undefined,
          }}
          className={clsx(classes["listItemIcon"])}
        >
          {icon}
        </ListItemIcon>
        <ListItemText disableTypography primary={title} />

        {info && info}
      </ListItem>
    </Link>

这是触发此错误的代码部分

谢谢。