Javascript 使用href从另一个组件转发Ref

这听起来很傻，但是翻开一个旧的回购协议，我这些天都在从头开始重建它，有一个部分我正试图以某种方式刮去

const ButtonLink=forwardRef（{href，children，…rest}）=>(
{儿童}
));
常量导航按钮=（道具：任意）=>(
);
常量主项=[
家，
仪表板
];

编辑：我正在使用atlaskit，

是

@atlaskit/atlassian navigation

的一部分，但我正在尝试创建一个自定义组件，它利用

更平滑地过渡到另一个页面，而不是强制重新加载页面的

TypeScript TopNav.tsx(80,34):
Property 'href' does not exist on type '{ children?: ReactNode; }'.  TS2339

    78 | 
    79 | 
  > 80 | const ButtonLink = forwardRef(({ href, children, ...rest }) => (
       |                                  ^
    81 |   <Link {...rest} to={href}>
    82 |     {children}
    83 |   </Link>

typescripttopnav.tsx（80,34）：
类型“{children？：ReactNode；}”上不存在属性“href”。TS2339
78 | 
79 | 
>80 | const ButtonLink=forwardRef（{href，children，…rest}）=>(
|                                  ^
81 |   
82 |{儿童}
83 |   

您需要为ButtonLink键入定义

href

。现在它不在“如何处理”下。这是我在这方面得到的代码

interface ButtonLinkProps {
    children?: React.ReactNode;
    href: string;
}

const ButtonLink = forwardRef(({ href, children, ...rest } : ButtonLinkProps, ref) => {
  return <Link {...rest} to={href}>{children}</Link>
})

界面按钮链接道具{
子节点？：React.ReactNode；
href:string；
}
const ButtonLink=forwardRef（（{href，children，…rest}:ButtonLinkProps，ref）=>{
返回{children}
})

非常感谢，就这样！是否可以向我推荐一个资源，让我更好地理解界面？如果没有，我很感谢您的帮助。当然，请查看：