react v6路由state传参 记录

问题遇到的现象和发生背景

问题相关代码，请勿粘贴截图

 <i onClick={() => navigate(`/pensioninst/recmana/commun`, { state: { id: mag.id } })}>
   <Link to='/pensioninst/recmana/commun'state={{ id: mag.id }}>
         <MessageOutlined />
          &nbsp;马上沟通
    </Link>
   </i>

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

是没有办法跳转嘛？还是没有接收到？
const Stateparams = useLocation()
const {id,title} = Stateparams.state

什么问题？ 还是发错地方了