compare-render-prop-solution-1.jsx

const LuckyNumber = ({ component: Component }) => <Component number={Math.random()} />;

// There's no general way to curry named parameters, so we have to do it
//   manually.
const AppBody = ({ message }) => ({ number }) => <div>{message}: {number}!</div>;

const App = ({ message }) => <LuckyNumber component={AppBody({ message })} />;