title: Applying span on a string in react returns [object Object] instead of giving me the spanned text
body: <p>I am trying to apply span on certain words in a sentence.</p>
  
  <pre><code>return "hello how are you hello".replace(/hello|you/gi, &lt;span className="some-class"&gt;"new"&lt;/span&gt;);
  </code></pre>
  
  <p>In my view I see [object Object] instead of (span)new(span) how are (span)new(span) (span)new(span)</p>
  
  <p>I have tried using dangerouslySetInnerHTML too but no luck. I still get [object Object]</p>