title: Return text and react component as string
body: <p>I have a function, which generate random text and insert react components (from arguments) in random places and return it. It accept object with components, example:</p>
  
  <pre><code>function func(components) {...}
  
  func({first: &lt;div&gt;Hello&lt;/div&gt;});
  </code></pre>
  
  <p>In the func i do this:</p>
  
  <pre><code>function func(components) {
      let randomStr = "123aweasdKhjhasj{first}asdjhasjkdh";
      randomStr = randomStr.replace("{first}", components.first);
      return randomStr;
  }
  </code></pre>
  
  <p>But my result is 123aweasdKhjhasj[object Object]asdjhasjkdh, i know, i pass in jsx, but i have no idea, how i can decide this.</p>
  
  <p>I know one, i must return jsx object, but i do not know, how to generate it.</p>
  
  <p>From my example, i want get it:</p>
  
  <pre><code>123aweasdKhjhasj&lt;div&gt;Hello&lt;/div&gt;asdjhasjkdh
  </code></pre>
  
  <p>And div, it's not string, it realy html component</p>