运行npm run build时，我得到以下错误：
错误：您为Dialog提供了一个onClose属性，但该值不是函数。收到：未定义的
这是因为在预渲染/构建期间，父级和子级之间没有依赖关系（可能是由于我的实现？），所以回调函数在那时是未定义的。我该如何告诉编译器这种依赖关系？或者摆脱这种错误？

//Parent
const Parent = () => {
  const [isOpen, SetIsOpen] = useState(false);
  return (
    <input
      onClick = setIsOpen(true)
    >Click <input />
    {isOpen && <Child callback={() => setOpen(false}}
  )
}

//Child
const Child = ({callback}) => {
  <Modal
    onClose={callback}
  >
  ...
   <Modal />
}

//Modal
const Modal ({onClose, ...}) => {
  return (
    <Transition.Root>
      <Dialog
        onClose={onClose}
        ...
        >
        ...
        <Dialog />
     <Transition.Root />
  )
}