title: Convert React components String to JSX
body: <p>I have a string of React components .</p>
  <pre><code>//X.jsx
  import &quot;./x.css&quot;
  const X =({x}) =&gt;&lt;div className={&quot;x&quot;} &gt;{x}&lt;/div&gt;
  
  //Y.jsx
  import &quot;./y.css&quot;
  const Y =({y}) =&gt;&lt;div className={&quot;y&quot;} &gt;{y}&lt;/div&gt;
  
  `&lt;X x={&quot;x&quot;}/&gt; &lt;Y x={&quot;y&quot;}/&gt;`
  </code></pre>
  <p>I want to convert it to jsx how to do it ?</p>