当我尝试传递另一个道具时，为什么typescript会在我的使用rest道具的HOC中触发错误？

import React from 'react';

interface Props {
  // 定义组件接受的道具类型
  name: string;
  age: number;
  // ...
}

// 高阶组件
function withRestProps(WrappedComponent: React.ComponentType<Props>) {
  // 返回一个新的包装组件
  return (props: Props & { restProps: object }) => {
    // 解构道具
    const { restProps, ...otherProps } = props;

    // 在此处使用其他道具（otherProps）进行相应的处理

    // 渲染包装组件，并传递其他道具和 restProps
    return <WrappedComponent {...otherProps} />;
  };
}

// 使用高阶组件包装目标组件
const MyComponent = withRestProps((props: Props) => {
  // 在此处可以访问传递给高阶组件的所有道具，包括其他道具（otherProps）

  // 进行相应的渲染和逻辑处理
  return <div>{props.name}, {props.age}</div>;
});

// 使用 MyComponent
const App = () => {
  const restProps = { prop1: 'value1', prop2: 'value2' };
  return <MyComponent name="John" age={30} restProps={restProps} />;
};

export default App;