我不能在两个组件之间传递对象(类组件到函数组件)

// 创建一个Context
const MyContext = React.createContext();

class ParentComponent extends React.Component {
  state = {
    myObject: { key: 'value' }
  };

  render() {
    return (
      <MyContext.Provider value={this.state.myObject}>
        <ChildComponent />
      </MyContext.Provider>
    );
  }
}

function ChildComponent() {
  const myObject = useContext(MyContext);
  return <div>{JSON.stringify(myObject)}</div>;
}

class ParentComponent extends React.Component {
  state = {
    myObject: { key: 'value' }
  };

  passObject = (callback) => {
    callback(this.state.myObject);
  };

  render() {
    return <ChildComponent passObject={this.passObject} />;
  }
}

function ChildComponent(props) {
  const receivedObject = props.passObject((obj) => obj);
  return <div>{JSON.stringify(receivedObject)}</div>;
}

const ChildComponent = React.memo(function ChildComponent(props) {
  return <div>{JSON.stringify(props.myObject)}</div>;
});