在上下文中传递 ref

如何解决在上下文中传递 ref

我在这里遇到了一个似乎是解决方案的问题。

我想在几个组件周围使用 ref，为此我创建了一个 context，它看起来像这样：

输入我的参考：

export interface IContextProps {
  formRef: RefObject<FormHandles>;
}

然后我将它传递到我的 provider 的正文中。

const formRef = useRef<FormHandles>(null);

但是当我去使用这个 ref 的对象时，它只是忽略它的存在。

import { useContext } from 'react';


export function Component() {
  const { formRef } = useContext(contextPage);

  formRef.current?.setData({ name: "Andres" });
  const name = formRef.current?.getData();
  console.log('name',name);

  return (
    <h1>Hello</h1>
  )
}

因此我的回报是不确定的。
name undefined

---

"@unform/core": "^2.1.6" "@unform/web": "^2.1.6"

所以我的问题是...我做错了什么？