consume render props

consumeRenderProps.js

// destructure the object given when called in the <Hello />,
// then pass those properties to our <CustomComponent /> to be consumed.
// The 'isSubmitting' value will be toggled and consumed accordingly too!
<Hello>
  {({
   handleThisClick, 
   handleFormSubmit,
   isSubmitting
  }) => (
    <CustomComponent 
      handleThisClick={handleThisClick} 
      handleFormSubmit={handleFormSubmit} 
      isSubmitting={isSubmitting}
    />
  )}
</Hello>