Render Prop - SayHelloWithName

SayHelloWithName Component

const SayHelloWithName = () => (
  <Hello 
    render={({loud, handleLoudness }) => (
      <h1>
        <b onClick={handleLoudness}>
      {loud ? `${word} Quinn` : `${word.toUpperCase()} Quinn `}
        </b>
      </h1>
    )}
  />
)