clone-element-adapted.jsx

import LibraryPen from "some-library";

const SecretNote = ({ pen }) => (
  <span>🕵️‍♀️{React.cloneElement(pen, { text: "this is a secret" })}🕵️‍♀️</span>
);

const AdaptedPen = ({ text }) => <LibraryPen write={text} />;

const App = () => <SecretNote pen={<AdaptedPen />} />;

ReactDOM.render(<App />, document.getElementById("app"));